Tailwind CSS IntelliSense Snippets not working on VueJs with Tailwind 4.0

[Jsuaaa]

Recently I started a new VueJs project and installed tailwind as usual, with tailwind 4.0 the installation is a bit different with Vite so I followed the official instructions but it didn't work.

Tailwind was working but the snippets don't and I was looking in a lot of forums the solution to this but I didn't find anything. I solved it by tryharding.

Basically what you have to do is create a index.css in the ROOT of your VueJs project and import there "tainwindcss" and just follow all the steps that are detailed in the tailwind official documentation.

And that's all I hope this can help someone.

[thecrypticace]

Can you link to a project that you expected to work but didn't?

[Jsuaaa]

Hello man, I can share some code showing what I was talking about, but I just tried again and it seems to be working fine now.
Basically, what happened was that Tailwind was being applied in the app, but the class name snippets weren’t showing up in my editor.

my-vue-app/
├── index.css <-- this made it work
├── package.json
├── tailwind.config.js
├── vite.config.js
└── src/
├── App.vue
└── main.js

Right now it works fine.