module.exports = {
  plugins: {
    '@unocss/postcss': {
      content: ['**/*.{html,js,ts,jsx,tsx}'],
    },
    autoprefixer: {},
    'postcss-flexbugs-fixes': {},
    'postcss-preset-env': {
      autoprefixer: {
        flexbox: 'no-2009',
      },
      stage: 3,
      features: {
        'custom-properties': false,
      },
    },
    'postcss-px-to-viewport': {
      unitToConvert: 'px', // 需要转换的单位
      viewportWidth: 375, // 设计稿宽度
      // viewportHeight: 667, // 设计稿高度
      unitPrecision: 5, // 单位转换后保留的精度
      propList: ['*'], // 指定转换那些属性，这里选择所有属性
      viewportUnit: 'vw', // 希望使用的视口单位
      fontViewportUnit: 'vw', // 字体使用的视口单位
      selectorBlackList: ['.max-w-screen-sm'], // 指定不转换那些选择器
      minPixelValue: 1, // 小于或等于`1px`不转换
      mediaQuery: false, // 是否在媒体查询中也转换`px`
      replace: true, // 是否直接更换属性值，而不添加具有`vw`单位的新属性
      // exclude: [/node_modules/], // 忽略`node_modules`目录下的文件
      exclude: undefined,
      include: undefined,
      landscape: false, // 是否添加根据宽度来判断是否是横屏
      landscapeUnit: 'vw',
      landscapeWidth: 568,
    },
  },
};