Failed to load Tailwind config at: ./tailwind.config.js Cannot find module 'tailwindcss/plugin'

[P4sca1]

Starting from nuxtjs/tailwindcss 6, you can no longer use CJS syntax in tailwind.config.js. You have the following options:

1. Rename the config to tailwind.config.cjs, set tailwindcss.configPath to tailwind.config.cjs in module options and set VSCode setting "tailwindCSS.experimental.configFile": "tailwind.config.cjs"
2. Switch to using ESM syntax, and set VSCode setting "tailwindCSS.experimental.configFile": ".nuxt/tailwind.config.cjs"
3. Switch to TypeScript (nuxt.config.ts), and set VSCode setting "tailwindCSS.experimental.configFile": ".nuxt/tailwind.config.cjs".

I would personally recommend option 3 if you are using TypeScript and option 2 otherwise.

Sample config:

// Before:
module.exports = {
	theme: {
		extend: {},
	},
	plugins: [
		require('@tailwindcss/forms'),
		require('@tailwindcss/typography'),
	],
	darkMode: 'class',
}

// After (with TypeScript):
import type { Config } from 'tailwindcss'
import Forms from '@tailwindcss/forms'
import Typography from '@tailwindcss/typography'

export default <Partial<Config>>{
	theme: {
		extend: {},
	},
	plugins: [Forms(), Typography()],
	darkMode: 'class',
}

[P4sca1]

This is a side-effect of #535. I suggest updating docs and adding a note in the changelog.