Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tailwind Intellisense not working with .vue files #1024

Open
sobinec opened this issue Jul 25, 2024 · 3 comments
Open

Tailwind Intellisense not working with .vue files #1024

sobinec opened this issue Jul 25, 2024 · 3 comments

Comments

@sobinec
Copy link

sobinec commented Jul 25, 2024

Version of VS Codium

v1.90.2

Version of Tailwind CSS IntelliSense

v0.10.2

Version of Tailwind CSS

v3.4.6

Package manager

npm

Operating system

Arch Linux

Tailwind config

/** @type {import('tailwindcss').Config} */
module.exports = {
  mode: "jit",
  content: [],
  theme: {
    extend: {},
  },
  plugins: [],
}

Description

It appears to be that Tailwind Intellisense does not detect HTML inside .vue files. The HTML part of .vue file is inside the tag, and when I try to add any class to an element inside of it, I don't see Tailwind Intellisense showing anything to me. But when I switch the file mode from Vue.js to HTML in VS Codium, Tailwind Intellisense works just fine. Please add support for .vue files.

@val-hero
Copy link

val-hero commented Jul 27, 2024

Try to add

"files.associations": {
    "*.css": "tailwindcss"
  },

  "editor.quickSuggestions": {
    "strings": true
  }

to your .vscode/settings.json file and restart VSCode. Works fine for me

@daisnkzy
Copy link

ensure you have tailwind.config.ts file

@sobinec
Copy link
Author

sobinec commented Aug 25, 2024

I indeed have the tailwind.config.ts file.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants