12 replies

Tailwind Intellisense CVA

{
  "tailwindCSS.classAttributes": [
    "class",
    "className",
    "ngClass",
    ".*Variants.*"
  ],
  "tailwindCSS.experimental.classRegex": [
    ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
  ]
}

{
  "tailwindCSS.classAttributes": [
    "class",
    "className",
    "ngClass",
    ".*Variants.*"
  ],
  "tailwindCSS.experimental.classRegex": [
    ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
  ]
}

I tried this... not working lol, no intellisense, using Vite & running with bun

Solution

solved, regexes are dumb (regex makes it cut at the first

, just don't use

in tailwind classes, variables don't need a

var()

var()

around them if you are on a newer version)

className='var(--example)'

className='var(--example)'

className='--example'

className='--example'

Jump to solution

TTC

Theo's Typesafe Cult•3y ago•

12 replies

barry

Tailwind Intellisense CVA

{
  "tailwindCSS.classAttributes": [
    "class",
    "className",
    "ngClass",
    ".*Variants.*"
  ],
  "tailwindCSS.experimental.classRegex": [
    ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
  ]
}

{
  "tailwindCSS.classAttributes": [
    "class",
    "className",
    "ngClass",
    ".*Variants.*"
  ],
  "tailwindCSS.experimental.classRegex": [
    ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
  ]
}

I tried this... not working lol, no intellisense, using Vite & running with bun

Solution

solved, regexes are dumb (regex makes it cut at the first

, just don't use

in tailwind classes, variables don't need a

var()

var()

around them if you are on a newer version)

className='var(--example)'

className='var(--example)'

className='--example'

className='--example'

Jump to solution

Tailwind Intellisense CVA

Similar Threads

Tailwind Intellisense CVA

Similar Threads

Similar Threads

Similar Threads