74 lines
1.6 KiB
TypeScript
74 lines
1.6 KiB
TypeScript
import {
|
|
defineConfig,
|
|
presetAttributify,
|
|
presetIcons,
|
|
presetUno,
|
|
presetWebFonts,
|
|
transformerDirectives,
|
|
transformerVariantGroup,
|
|
} from 'unocss';
|
|
import extractorSvelte from '@unocss/extractor-svelte';
|
|
import { presetRadix, radixColors } from 'unocss-preset-radix';
|
|
import { presetScrollbar } from 'unocss-preset-scrollbar';
|
|
import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders';
|
|
|
|
import socials from './src/lib/data/socials.json';
|
|
|
|
export default defineConfig({
|
|
safelist: [
|
|
...socials.flat().map(social =>
|
|
`i-custom:${social.name.toLowerCase()}`,
|
|
),
|
|
`lg:grid-cols-${socials.length}`,
|
|
],
|
|
include: [
|
|
/\.svelte/,
|
|
/\.svelte\?svelte/,
|
|
/\.svx/,
|
|
/\.svx\?svx/,
|
|
/\.md/,
|
|
/\.md\?md/,
|
|
],
|
|
presets: [
|
|
presetUno(),
|
|
presetAttributify(),
|
|
presetScrollbar(),
|
|
presetIcons({
|
|
collections: {
|
|
solar: () => import('@iconify-json/solar/icons.json').then(i => i.default as any),
|
|
spinners: () => import('@iconify-json/svg-spinners/icons.json').then(i => i.default as any),
|
|
custom: FileSystemIconLoader('./src/lib/assets/icons'),
|
|
},
|
|
}),
|
|
presetWebFonts({
|
|
fonts: {
|
|
sans: {
|
|
name: 'Inter',
|
|
provider: 'none',
|
|
},
|
|
code: {
|
|
name: 'Fira Code',
|
|
provider: 'none',
|
|
},
|
|
cal: {
|
|
name: 'Cal Sans',
|
|
provider: 'none',
|
|
},
|
|
},
|
|
}),
|
|
// @ts-expect-error It seems that this preset
|
|
// has an incorrect type definition for this function,
|
|
// even when is works as intended.
|
|
presetRadix({
|
|
palette: [...radixColors],
|
|
}),
|
|
],
|
|
transformers: [
|
|
transformerDirectives(),
|
|
transformerVariantGroup(),
|
|
],
|
|
extractors: [
|
|
extractorSvelte(),
|
|
],
|
|
});
|