uno.config.ts

import {
  defineConfig,
  presetAttributify,
  presetIcons,
  presetUno,
  transformerDirectives,
  transformerVariantGroup,
} from 'unocss'
import presetChinese, { chineseTypography } from 'unocss-preset-chinese'
import { presetEase } from 'unocss-preset-ease'

export default defineConfig({
  content: {
    pipeline: {
      include: ['**/*.{ts,jsx,tsx,vue}'],
      exclude: ['node_modules', '.git', 'dist'],
    },
  },
  presets: [
    presetUno({ dark: 'class' }),
    presetAttributify(),
    chineseTypography(),
    presetChinese({
      chineseType: 'simplified',
    }),
    presetEase(),
    presetIcons({
      scale: 1.2,
      warn: true,
    }),
  ],
  shortcuts: {
    // position
    'common-bg': 'bg-truegray-100 dark:bg-truegray-900',
    'bg-base': 'bg-white dark:bg-[#141414]',
    'text-color-base': 'text-black dark:text-white',

    'pr': 'relative',
    'pa': 'absolute',
    'pf': 'fixed',
    'ps': 'sticky',

    // position layout
    'position-x-center': 'absolute left-1/2 -translate-x-1/2',
    'pxc': 'position-x-center',
    'position-y-center': 'absolute top-1/2 -translate-y-1/2',
    'pyc': 'position-y-center',
    'position-center': 'position-x-center position-y-center',
    'pc': 'position-center',

    // size
    'size-0': 'w-0 h-0',
    'size-full': 'w-full h-full',
    'size-screen': 'w-screen h-screen',
    'size-1/2': 'w-1/2 h-1/2',

    // flex layout
    'flex-center': 'flex justify-center items-center',
    'flex-col-center': 'flex-center flex-col',
    'flex-x-center': 'flex justify-center',
    'flex-y-center': 'flex items-center',
  },
  theme: {},
  transformers: [
    transformerDirectives(),
    transformerVariantGroup(),
  ],
})