// 配置参照：https://tailwindcss.com/docs/optimizing-for-production
// 也可以参照：https://nexxai.dev/tell-purgecss-to-ignore-purging-all-tailwind-colours/

const buildItem = (prefix, exts = ["vue", "js", "jsx", "ts", "tsx"]) =>
  `${prefix}/**/*.{${exts.join(",")}}`;
const commonDirs = ["components", "layouts", "pages", "plugins"];

// 以下是示例代码，你可以根据自己项目特点，配置主题，变量，插件，优化等内容
module.exports = {
  mode: "jit", // 默认开启 jit，用于解决 tailwindcss造成的内存占用过大问题
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [],
  purge: {
    content: [
      // nuxt_mom 扩展指定的目录，你可以根据实际情况自己配置
      ...commonDirs.map((dir) => buildItem(`./.nuxt_mom/${dir}`)),
      // 默认值
      ...commonDirs.map((dir) => buildItem(`./${dir}`)),
      // 其他
      "./nuxt.config.js",
      "./nuxt.config.ts",
    ],
    options: {
      // safelist: [/(from|via|to|border|bg|text)-(.*)-(\\d{1}0{1,2})/]
    },
  },
};
