Tailwind Config on a Private Project.

tailwind.config.js

// * TailwindCSS Configuration File
// *
// * Docs: https://tailwindcss.com/docs/configuration
// * Default: https://github.com/tailwindcss/tailwindcss/blob/master/stubs/defaultConfig.stub.js
const colors = require('tailwindcss/colors')
module.exports = {
  future: {
    removeDeprecatedGapUtilities: true
  },
  theme: {
    extend: {
      colors: {
        primary: '#75D3BD',
        secondary: '#F9A354',
      }
    }
  },
  plugins: [
    // ...
    require('@tailwindcss/forms'),
    require('@tailwindcss/aspect-ratio')
  ],
  variants: {
    extend: {
      divideColor: ['group-hover'],
      display: ['group-hover'],
      cursor: ['disabled'],
      opacity: ['disabled']
    }
  },
  purge: {
    // Learn more on https://tailwindcss.com/docs/controlling-file-size/#removing-unused-css
    enabled: process.env.NODE_ENV === 'production',
    content: [
      'components/**/*.vue',
      'layouts/**/*.vue',
      'pages/**/*.vue',
      'plugins/**/*.js',
      'nuxt.config.js'
    ]
  }
}