.postcssrc.js

const { join } = require('path');
const createResolver = require('postcss-import-resolver');
// const tailwindcss = require('tailwindcss');
// const bemLinter = require('postcss-bem-linter');

module.exports = () => ({
  sourceMap: true,
  plugins: {
    'postcss-import': {
      resolve: createResolver({
        alias: {
          '~': join(__dirname),
          // '~~': join(__dirname),
          '@': join(__dirname, 'src'),
          // '@@': join(__dirname),
        },
      }),
    },
    'postcss-url': {},
    tailwindcss: "./tailwind.config.js",
    'postcss-preset-env': {
      stage: 3,
      features: {
        'color-mod-function': {
          unresolved: 'warn',
        },
        'nesting-rules': true,
      },
    },
    'postcss-bem-linter': {
      preset: 'suit',
      // implicitComponents: 'src/components/**/*.vue',
      // presetOptions: { namesace: 'twt' },
      ignoreSelectors: [
        /^\[v-cloak\]$/,
      ],
    },
    'postcss-reporter': {},
  },
});