Tailwindcss Intellisense does not work in Vue TSX

[lvzhenbo]

What version of Tailwind CSS IntelliSense are you using?

v0.9.11

What version of Tailwind CSS are you using?

v3.3.2

What package manager are you using?

pnpm

What operating system are you using?

Windows

Tailwind config

export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    extend: {},
  },
  plugins: [],
};

VS Code settings

default

Reproduction URL

https://github.com/lvzhenbo/vue-tailwind-template

Describe your issue

There is no smart prompt or hover pop-up for TSX

[bradlc]

Hey @lvzhenbo. I can't reproduce this, what do you see in the output panel? You can use the Tailwind CSS: Show Output command to reveal this.

[lvzhenbo]

[Global] Creating projects: [{"folder":"c:/Users/29422/Desktop/kongque-shop-pc","configPath":"c:/Users/29422/Desktop/kongque-shop-pc/tailwind.config.js","isUserConfigured":false,"documentSelector":[{"pattern":"c:/Users/29422/Desktop/kongque-shop-pc/tailwind.config.js","priority":0},{"pattern":"c:/Users/29422/Desktop/kongque-shop-pc/**","priority":3}]}]
[Global] Adding watch patterns: c:/Users/29422/Desktop/kongque-shop-pc/tailwind.config.js, c:/Users/29422/Desktop/kongque-shop-pc, c:/Users/29422/Desktop/kongque-shop-pc/tailwind.config.js, c:/Users/29422/Desktop/kongque-shop-pc
[tailwind.config.js] Initializing...
[tailwind.config.js] Loaded Tailwind CSS config file: c:/Users/29422/Desktop/kongque-shop-pc/tailwind.config.js
[tailwind.config.js] Loaded postcss v8.4.23: C:\Users\29422\Desktop\kongque-shop-pc\node_modules\.pnpm\postcss@8.4.23\node_modules\postcss
[tailwind.config.js] Loaded tailwindcss v3.3.2: C:\Users\29422\Desktop\kongque-shop-pc\node_modules\.pnpm\tailwindcss@3.3.2\node_modules\tailwindcss
[tailwind.config.js] Building...

[lvzhenbo]

It is possible in the template

But it's not possible in the script

[lvzhenbo]

This is all my plugins, if there are any conflicts between the plugins

[
  {
    "identifier": {
      "id": "alfredbirk.tailwind-documentation",
      "uuid": "edcc1808-f3b1-4078-a05a-01655e0901d8"
    },
    "displayName": "Tailwind Documentation"
  },
  {
    "identifier": {
      "id": "aster.vscode-subtitles",
      "uuid": "90101069-65f0-4834-a2fa-faad3b9d14d9"
    },
    "displayName": "Lyrics/Subtitles Support"
  },
  {
    "identifier": {
      "id": "bradlc.vscode-tailwindcss",
      "uuid": "4db62a7c-7d70-419c-96d2-6c3a4dc77ea5"
    },
    "displayName": "Tailwind CSS IntelliSense"
  },
  {
    "identifier": {
      "id": "bungcip.better-toml",
      "uuid": "464f4ac7-af65-4aa9-9907-4ba7fa419085"
    },
    "displayName": "Better TOML"
  },
  {
    "identifier": {
      "id": "christian-kohler.npm-intellisense",
      "uuid": "dff6b801-247e-40e9-82e8-8c9b1d19d1b8"
    },
    "displayName": "npm Intellisense"
  },
  {
    "identifier": {
      "id": "christian-kohler.path-intellisense",
      "uuid": "a41c1549-4053-44d4-bf30-60fc809b4a86"
    },
    "displayName": "Path Intellisense"
  },
  {
    "identifier": {
      "id": "cipchk.cssrem",
      "uuid": "a0e969a7-a8a4-4958-8b82-ad690ebfa5c0"
    },
    "displayName": "px to rem & rpx & vw (cssrem)"
  },
  {
    "identifier": {
      "id": "csstools.postcss",
      "uuid": "80def04d-6d01-495b-9d59-4ad19408872f"
    },
    "displayName": "PostCSS Language Support"
  },
  {
    "identifier": {
      "id": "daltonmenezes.aura-theme",
      "uuid": "a37a3289-9175-4409-968e-a73e43095912"
    },
    "displayName": "Aura Theme"
  },
  {
    "identifier": {
      "id": "davidanson.vscode-markdownlint",
      "uuid": "daf8b44d-8aae-4da2-80c5-1f770219f643"
    },
    "displayName": "markdownlint"
  },
  {
    "identifier": {
      "id": "dbaeumer.vscode-eslint",
      "uuid": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a"
    },
    "displayName": "ESLint"
  },
  {
    "identifier": {
      "id": "dotenv.dotenv-vscode",
      "uuid": "bfc47172-d830-4aab-9c7b-ecfdb1e97a29"
    },
    "displayName": "Dotenv Official +Vault"
  },
  {
    "identifier": {
      "id": "dotjoshjohnson.xml",
      "uuid": "0cb81da2-1880-4755-9995-0ae9cc728e20"
    },
    "displayName": "XML Tools"
  },
  {
    "identifier": {
      "id": "dracula-theme.theme-dracula",
      "uuid": "4e44877c-1c8d-4f9c-ba86-1372d0fbeeb1"
    },
    "displayName": "Dracula Official"
  },
  {
    "identifier": {
      "id": "eamodio.gitlens",
      "uuid": "4de763bd-505d-4978-9575-2b7696ecf94e"
    },
    "displayName": "GitLens — Git supercharged"
  },
  {
    "identifier": {
      "id": "editorconfig.editorconfig",
      "uuid": "f60a60a6-95ba-42d4-b41c-3d24c1b89588"
    },
    "displayName": "EditorConfig for VS Code"
  },
  {
    "identifier": {
      "id": "equinusocio.vsc-material-theme-icons",
      "uuid": "6959958f-be4d-42c4-8aa4-dc2c2f086b0a"
    },
    "displayName": "Material Theme Icons"
  },
  {
    "identifier": {
      "id": "esbenp.prettier-vscode",
      "uuid": "96fa4707-6983-4489-b7c5-d5ffdfdcce90"
    },
    "displayName": "Prettier - Code formatter"
  },
  {
    "identifier": {
      "id": "evondev.indent-rainbow-palettes",
      "uuid": "7427174f-f9d6-4080-bfd4-f8f9a9f0ac05"
    },
    "displayName": "Evondev - Indent Rainbow Palettes"
  },
  {
    "identifier": {
      "id": "heybourn.headwind",
      "uuid": "6226e0be-5975-4616-948c-545d562adc1d"
    },
    "displayName": "Headwind"
  },
  {
    "identifier": {
      "id": "humao.rest-client",
      "uuid": "dda49fd5-1f3b-4d25-bf61-4fc41905ede5"
    },
    "displayName": "REST Client"
  },
  {
    "identifier": {
      "id": "ionutvmi.reg",
      "uuid": "9f8192be-78bf-4153-806d-08ae956ce8b0"
    },
    "displayName": "REG"
  },
  {
    "identifier": {
      "id": "ipatalas.vscode-postfix-ts",
      "uuid": "cea424e5-593f-4e56-ae72-9d0abb62b700"
    },
    "displayName": "TS/JS postfix completion"
  },
  {
    "identifier": {
      "id": "jeffersonlicet.snipped",
      "uuid": "585e6601-b5fc-4f0c-b201-68822be3579b"
    },
    "displayName": "Snipped"
  },
  {
    "identifier": {
      "id": "jock.svg",
      "uuid": "4ae6dc82-7981-4f10-bd81-2d72aec37f39"
    },
    "displayName": "SVG"
  },
  {
    "identifier": {
      "id": "kalimahapps.tailwind-config-viewer",
      "uuid": "683f0d0e-c8ac-4fc5-825c-7f21422ef22a"
    },
    "displayName": "Tailwind Config Viewer"
  },
  {
    "identifier": {
      "id": "lokalise.i18n-ally",
      "uuid": "8ab81d13-c812-4a2f-8f19-c32e3655e53c"
    },
    "displayName": "i18n Ally"
  },
  {
    "identifier": {
      "id": "manasky.lorem-space",
      "uuid": "8bf6414d-e638-4e7e-b698-d49cd417c6b0"
    },
    "displayName": "lorem.space - Fake placeholder image generator"
  },
  {
    "identifier": {
      "id": "mgwg.light-pink-theme",
      "uuid": "e33d5e56-ddd7-45d4-9351-42266104a0f3"
    },
    "displayName": "Light Pink Theme"
  },
  {
    "identifier": {
      "id": "mintlify.document",
      "uuid": "de6400ad-0c12-434b-aa5a-6017c93dac64"
    },
    "displayName": "Mintlify Doc Writer for Python, JavaScript, TypeScript, C++, PHP, Java, C#, Ruby & more"
  },
  {
    "identifier": {
      "id": "ms-ceintl.vscode-language-pack-zh-hans",
      "uuid": "e4ee7751-6514-4731-9cdb-7580ffa9e70b"
    },
    "displayName": "Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code"
  },
  {
    "identifier": {
      "id": "ms-vscode.hexeditor",
      "uuid": "cc7d2112-5178-4472-8e0e-25dced95e7f0"
    },
    "displayName": "Hex Editor"
  },
  {
    "identifier": {
      "id": "naumovs.color-highlight",
      "uuid": "121396ad-85a1-45ec-9fd1-d95028a847f5"
    },
    "displayName": "Color Highlight"
  },
  {
    "identifier": {
      "id": "oderwat.indent-rainbow",
      "uuid": "eaa2127d-cb69-4ab9-8505-a60c9ee5f28b"
    }
  },
  {
    "identifier": {
      "id": "pflannery.vscode-versionlens",
      "uuid": "07fc4a0a-11fc-4121-ba9a-f0d534c729d8"
    },
    "displayName": "Version Lens"
  },
  {
    "identifier": {
      "id": "pkief.material-icon-theme",
      "uuid": "5db78037-f674-459f-a236-db622c427c5b"
    },
    "displayName": "Material Icon Theme"
  },
  {
    "identifier": {
      "id": "pkief.material-product-icons",
      "uuid": "f797dacd-4e80-4f33-8b63-d665c0956013"
    },
    "displayName": "Material Product Icons"
  },
  {
    "identifier": {
      "id": "redhat.vscode-yaml",
      "uuid": "2061917f-f76a-458a-8da9-f162de22b97e"
    },
    "displayName": "YAML"
  },
  {
    "identifier": {
      "id": "robbowen.synthwave-vscode",
      "uuid": "e5fd2b56-1637-4d4f-8252-6c9d416f9a28"
    },
    "displayName": "SynthWave '84"
  },
  {
    "identifier": {
      "id": "rubbersheep.gi",
      "uuid": "e5742230-050f-4ba9-95c0-8c7f6c1943a8"
    },
    "displayName": "gi"
  },
  {
    "identifier": {
      "id": "russell.any-rule",
      "uuid": "2293b5e5-668c-4fb6-be26-e8cac0fdd334"
    },
    "displayName": "any-rule"
  },
  {
    "identifier": {
      "id": "rust-lang.rust-analyzer",
      "uuid": "06574cb4-e5dc-4631-8174-a543a4533621"
    },
    "displayName": "rust-analyzer"
  },
  {
    "identifier": {
      "id": "sdras.vue-vscode-snippets",
      "uuid": "c8d95916-cf54-455f-b324-cbd887b7d3a8"
    },
    "displayName": "Vue VSCode Snippets"
  },
  {
    "identifier": {
      "id": "stylelint.vscode-stylelint",
      "uuid": "ec35b5a3-9802-4c68-b5ff-e85f19ec0977"
    },
    "displayName": "Stylelint"
  },
  {
    "identifier": {
      "id": "tauri-apps.tauri-vscode",
      "uuid": "53763e89-ec31-4d0c-b220-f714761180e5"
    },
    "displayName": "Tauri"
  },
  {
    "identifier": {
      "id": "teamhub.teamhub",
      "uuid": "9b05e859-b38c-450f-95d5-2800bed558ec"
    },
    "displayName": "GitLive"
  },
  {
    "identifier": {
      "id": "tnze.snbt",
      "uuid": "d15028dc-8a89-46fd-b790-d35b461da858"
    },
    "displayName": "snbt"
  },
  {
    "identifier": {
      "id": "usernamehw.errorlens",
      "uuid": "9d8c32ab-354c-4daf-a9bf-20b633734435"
    },
    "displayName": "Error Lens"
  },
  {
    "identifier": {
      "id": "visualstudioexptteam.intellicode-api-usage-examples",
      "uuid": "9fa2a00e-3bfa-4c2a-abc4-a865bb2b5cf3"
    },
    "displayName": "IntelliCode API Usage Examples"
  },
  {
    "identifier": {
      "id": "visualstudioexptteam.vscodeintellicode",
      "uuid": "876e8f93-74d0-4f4f-91b7-34a09f19f444"
    },
    "displayName": "IntelliCode"
  },
  {
    "identifier": {
      "id": "vue.volar",
      "uuid": "a5223b43-8621-4351-a14e-3d560f85f277"
    },
    "displayName": "Vue Language Features (Volar)"
  },
  {
    "identifier": {
      "id": "whizkydee.material-palenight-theme",
      "uuid": "7f147721-ec06-4043-9e37-c9ffbecbccd1"
    },
    "displayName": "Palenight Theme"
  },
  {
    "identifier": {
      "id": "wix.vscode-import-cost",
      "uuid": "c46b0018-f317-4b6c-a785-d2039b27338f"
    },
    "displayName": "Import Cost"
  },
  {
    "identifier": {
      "id": "xabikos.javascriptsnippets",
      "uuid": "a2cec723-5349-460d-9de9-0fd1f8d3456f"
    },
    "displayName": "JavaScript (ES6) code snippets"
  },
  {
    "identifier": {
      "id": "yoavbls.pretty-ts-errors",
      "uuid": "1e149c89-8f97-447e-863d-1146f0ad1b70"
    },
    "displayName": "Pretty TypeScript Errors"
  }
]

[bradlc]

Thanks for the extra information! This will be fixed in the next release 👍