import presetWeapp from 'unocss-preset-weapp'
import { extractorAttributify, transformerClass } from 'unocss-preset-weapp/transformer'
 
const { presetWeappAttributify, transformerAttributify } = extractorAttributify()
 
export default {
  presets: [
    // https://github.com/MellowCo/unocss-preset-weapp
    presetWeapp(),
    // attributify autocomplete
    presetWeappAttributify(),
  ],
  shortcuts: [
    {
      'border-base': 'border border-gray-500_10',
      'center': 'flex justify-center items-center',
      'between': 'flex justify-between items-center',
      'around': 'flex justify-around items-center',
      'evenly': 'flex justify-evenly items-center',
      'col': 'flex flex-col',
      'row': 'flex flex-row',
      'bs': 'b-0 b-solid', // 边框样式 用的时候加上 b-color 和某个方向的宽度 比如 b-l-1
    },
  ],
 
  transformers: [
    // https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerAttributify
    transformerAttributify(),
 
    // https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerClass
    transformerClass(),
  ]
}