@nuxtjs/tailwindcss: v6.1.3
nuxt: v3.0.0-rc.13
https://github.com/wrench1815/tail_ext_repro
yarn postinstall
@tailwindcss/typography
plugin being included in compiled tailwind.config.cjs
@tailwindcss/typography
plugin is not included in compiled tailwind.config.cjs
. Instead it shows null there.
"plugins": [
null,
{
"config": {
"theme": {
"extend": {
"colors": {
"transparent": "transparent",
"current": "currentColor"
}
}
}
}
}
],
Same goes for the Forms plugin. It is also not being included. Aspect-Ratio and Line-Clamp are working just fine.
"plugins": [
null,
null,
{
"config": {
"theme": {
"lineClamp": {
"1": "1",
"2": "2",
"3": "3",
"4": "4",
"5": "5",
"6": "6"
}
},
"variants": {
"lineClamp": [
"responsive"
]
}
}
},
I had to comment out both of them.
plugins: [
// require("@tailwindcss/typography"),
// require("@tailwindcss/forms"),
require("@tailwindcss/aspect-ratio"),
require("@tailwindcss/line-clamp"),
require("daisyui"),
],
Same problem here. As mentioned in tailwindlabs/tailwindcss-intellisense#663 (comment) this also breaks tailwindcss-intellisense in VS Code.
As a workaround I manually deleted the "plugins": [null]
part in .nuxt/tailwind.config.cjs
but that also means no intellisense for those plugins.
At least for @tailwind/forms you have to call the package so that it works.
Try
Edit: Tried it with Typography and it works! so no real workaround needed.
import tailwindForms from '@tailwindcss/forms';
import tailwindTypography from '@tailwindcss/typography'
export default defineNuxtConfig({
modules: [
'@nuxtjs/tailwindcss',
],
tailwindcss: {
config: {
plugins: [
tailwindForms({strategy: 'base'}),
tailwindTypography({className: 'prose'})
]
}
}
})
Owner Name | nuxt-modules |
Repo Name | tailwindcss |
Full Name | nuxt-modules/tailwindcss |
Language | TypeScript |
Created Date | 2019-04-04 |
Updated Date | 2023-03-17 |
Star Count | 1265 |
Watcher Count | 14 |
Fork Count | 152 |
Issue Count | 60 |
Issue Title | Created Date | Updated Date |
---|