Skip to content

[v4] Intellisense not suggesting classes for prefix layer function #1128

Closed
@david-pw

Description

@david-pw

What version of VS Code are you using?

1.96.3

What version of Tailwind CSS IntelliSense are you using?

release-0.12.18 or prerelease-0.13.69

What version of Tailwind CSS are you using?

^4.0.0-beta.9

What package manager are you using?

npm

What operating system are you using?

windows 11

Tailwind config

@import "tailwindcss" source(none) prefix(pw);
@config "../tailwind.config.js";
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{html,ts,tsx,js,jsx,css}",
    "../../../Core.Web/Views/**/*.cshtml",
    "../../../Core.Web/Areas/**/*.cshtml",
    "./index.html",
  ],
};

VS Code settings

{
  "typescript.tsdk": "node_modules\\typescript\\lib",
  "tailwindCSS.experimental.classRegex": [
    ["([\"'`][^\"'`]*.*?[\"'`])", "[\"'`]([^\"'`]*).*?[\"'`]"]
  ]
}

Reproduction URL

N/A

Describe your issue

When specifying either a css layer function prefix of pw or a standard prefix in the tailwind.config.js of prefix: "pw:" intellisense within my tsx files does not work. When I remove the prefix option from either configuration, intellisense turns back on with no issue.

Example @import "tailwindcss" source(none) prefix(pw):

Image

Example without @import "tailwindcss" source(none):

Image

Just wondering if support for this syntax has been rolled out yet? I see that you still have a draft PR up that might be related? #1117

Thanks!

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions