Missing tailwind.css

[sduncan-mbt]

Version

@nuxtjs/tailwindcss: "^3.4.2"
nuxt: "^2.14.12"

Reproduction Link

https://github.com/sduncan-mbt/tailwind-test

Steps to reproduce

npx create-nuxt-app tailwind-test
npm run dev
npx tailwindcss init
npm run dev

What is Expected?

tailwind.css file created under /assets/css

What is actually happening?

No File.

I've added images to the repo under /static/images that show the process I followed.

[atinux]

Actually npx tailwind init will only create the tailwind.config.js file, see https://tailwindcss.com/docs/installation#create-your-configuration-file

You can always create the CSS file manually if needed, if the file is not found, we will inject this as default: https://github.com/nuxt-community/tailwindcss-module/blob/master/lib/files/tailwind.css

[sduncan-mbt]

Yes, I ran the init as when I ran npm run dev I didn't get a tailwind.css file created, which is the expected behaviour. Yes?

[atinux]

You don't have to create the CSS file with @nuxtjs/tailwindcss by default, but you can create it manually if you need to overwrite anything

[sduncan-mbt]

Ok is this just a change in behaviour then as I just upgraded the version of npx create-nuxt-app I am using?

I went to https://tailwindcss.com/docs/guides/nuxtjs when I had issue and the section......

"Open the ./assets/css/tailwind.css file that Nuxt.js generates for you by default and use the @tailwind directive to include Tailwind's base, components, and utilities styles, replacing the original file contents:"

made me think this was still the expected behaviour.

[sebmor]

+1 docs are not in sync to the current behavior. Tailwind.css is not created by default.

[atinux]

We are going to update docs on tailwindcss.com when we release version 4.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[bdrtsky]

Weird, I've created tailwind.css file, but injected one used instead. How do I use my own tailwind.css?

[ineshbose]

@bdrtsky please see cssPath in module options and docs!

[bdrtsky]

@ineshbose I am using default path already assets/css/tailwind.css. Also tried to add cssPath: '~/assets/css/tailwind.css',, it doesn't use my file, only injected one.