PostCSS Config - TailwindCSS, Vuetify and PurgeCSS

postcss.config.js

const tailwindcss = require('tailwindcss')
const autoprefixer = require('autoprefixer')
const purgecss = require('@fullhuman/postcss-purgecss')

module.exports = {
  plugins: [
    tailwindcss('./tailwind.js'),
    autoprefixer({
      add: true,
      grid: true
    }),
    purgecss({
      content: [
        './src/**/*.html',
        './src/**/*.vue'
      ],
      whitelistPatterns: [/^v-*/, /^theme-*/, /^application--*/],
      whitelistPatternsChildren: [/^v-*/, /^theme-*/, /^application--*/],
      whitelist: ['spacer', 'primary', 'secondary', 'accent', 'error', 'warning', 'info', 'success']
    })
  ]
}

I this working on your end? I am having trouble implementing this on my project. my Vuetify Grids are not working properly

This is working but Vuetify grid is deleted. Any idea?