Files
vue-ts-example/unocss.config.ts
严浩 ed90618007
All checks were successful
CI / cache-and-install (push) Successful in 1m7s
chore: Remove commented code for vue-router package name handling
2024-08-14 09:43:56 +08:00

62 lines
1.5 KiB
TypeScript

// https://github.dev/unocss/unocss/tree/main/examples/vite-vue3
import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders';
import presetRemToPx from '@unocss/preset-rem-to-px';
import {
defineConfig,
presetAttributify,
presetIcons,
presetUno,
transformerDirectives,
transformerVariantGroup,
} from 'unocss';
export default defineConfig({
shortcuts: [
{
'logo-transform': 'i-icon:pacman w-6em h-6em transform transition-800',
pacman: 'i-icon:pacman uno-text-(pink 36)',
},
],
presets: [
presetUno({
/* prefix: "u-", */
}),
// https://unocss.dev/presets/rem-to-px
presetRemToPx({ baseFontSize: 4 }),
// https://unocss.dev/presets/attributify
presetAttributify(),
presetIcons({
/*extraProperties: {
display: "inline-block",
"vertical-align": "middle",
},*/
customizations: {
iconCustomizer(collection, icon, props) {
props.width = '1em';
props.height = '1em';
},
},
collections: {
icon: FileSystemIconLoader('src/assets/uno-svg', (svg) => {
// width="200px" height="200.00px"
return svg.replace(/#000000|#000/g, 'currentColor');
}),
},
warn: true,
}),
],
transformers: [
//https://unocss.dev/transformers/variant-group
transformerVariantGroup(),
// https://unocss.dev/transformers/directives
transformerDirectives(),
],
});
// text-[var(--h-gray-1)]
// <div class="i-icon:pacman text-(pink 36)" />