Typography plugin is being ignored

This issue has been tracked since 2022-11-15.

Version

@nuxtjs/tailwindcss: v6.1.3
nuxt: v3.0.0-rc.13

Reproduction Link

Steps to reproduce

https://github.com/wrench1815/tail_ext_repro

yarn postinstall

What is Expected?

@tailwindcss/typography plugin being included in compiled tailwind.config.cjs

What is actually happening?

@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"
          }
        }
      }
    }
  }
],
nuraeil wrote this answer on 2022-11-16

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"),
  ],
te1 wrote this answer on 2022-11-16

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.

wrench1815 wrote this answer on 2022-11-16

Yep I've seen it affect only intellisense but only on latest 2 versions Of extension, If I use v0.8.7 of extension intellisense is working. Also, the Styles are being applied from @tailwindcss/typography without any problem in both dev and prod.

jjzhang1996 wrote this answer on 2022-11-20

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'})
        ]
      }
    }
})

More Details About Repo
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

YOU MAY BE INTERESTED

Issue Title Created Date Updated Date