29 lines
1012 B
TypeScript
29 lines
1012 B
TypeScript
import {
|
|
defineConfig,
|
|
presetAttributify,
|
|
transformerDirectives,
|
|
transformerVariantGroup,
|
|
presetUno
|
|
} from "unocss";
|
|
|
|
export default defineConfig({
|
|
content: {
|
|
pipeline: {
|
|
include: [
|
|
/\.(vue|svelte|[jt]sx|mdx?|astro|elm|php|phtml|html)($|\?)/, // the default
|
|
"**/src/**/*.{js,ts}" // include js/ts files
|
|
]
|
|
}
|
|
},
|
|
presets: [presetAttributify(), presetUno()],
|
|
transformers: [transformerDirectives(), transformerVariantGroup()],
|
|
shortcuts: [
|
|
["flex-center", "flex justify-center items-center"],
|
|
["full", "w-full h-full"],
|
|
[/^(.*)-i$/, ([, prefix]) => `${prefix}!`], // w-full-i -> { width: 100% !important }
|
|
[/^(.*)-(\d+)p$/, ([, prefix, d]) => `${prefix}-${d}%`], // w-50p -> { width: 50% }
|
|
[/^(.*)-var-(.*)$/, ([, prefix, v]) => `${prefix}-$${v}`] // bg-var-el-color-primary -> { background-color: var(--el-color-primary) }
|
|
],
|
|
rules: [[/^(.*)-setvar-(.*)$/, ([, prefix, v]) => ({ [`--${prefix}`]: v })]]
|
|
});
|