ZTools-developer-plugin/uno.config.ts at master · ZToolsCenter/ZTools-developer-plugin · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
import {defineConfig, presetAttributify, presetTypography, presetWind3} from 'unocss'
import presetIcons from '@unocss/preset-icons'
import {FileSystemIconLoader} from '@iconify/utils/lib/loader/node-loaders.js'
import {fileURLToPath, URL} from 'node:url'
import transformerDirectives from '@unocss/transformer-directives'

export default defineConfig({
  content: {
    filesystem: ['src/**/*.{vue,js,ts}'],
  },
  safelist: [
    'i-z-development',
    'i-z-history',
    'i-z-feedback',
    'i-z-services',
    'i-z-team',
  ],
  presets: [
    presetWind3(),
    presetAttributify(),
    presetTypography(),
    presetIcons({
      collections: {
        z: FileSystemIconLoader(
          fileURLToPath(new URL('./src/assets/icons', import.meta.url)),
          (svg) => {
            return svg
              .replace(/(<svg.*?fill=)"(?!none)(.*?)"/, '$1"currentColor"')
              .replace(/(<svg.*?stroke=)"(?!none)(.*?)"/, '$1"currentColor"');
          }
        )
      },
      extraProperties: {
        display: 'inline-block',
        'vertical-align': 'middle',
      },
    }),
  ],
  transformers: [transformerDirectives()],
  theme: {
    breakpoints: {
      sm: '640px',
      md: '768px',
      lg: '1024px',
      xl: '1280px',
      '2xl': '1536px',
      ut: '800px',
      mobile: '360px',
    },
  },
  shortcuts: {
    'u-cc': 'flex flex-center items-center',
    'u-hover': 'duration-300 hover:text-[var(--u-text-color-hover)]',
  },
})