<vscode>cvaでtailwindの補完が効かない

CVAでtailwindを書いたときに補完が出なかったのでその解決方法についてのまとめ。

cva(
  'default class ...',
  {
    variants: 'bg-black text-sm ...' // <- tailwind intellisense 効かない
  },
  // ...
)

settings.json

追加すればok

settings.json

"tailwindCSS.experimental.classRegex": [
  ["cva\\(([\\s\\S]*?)\\)", "'([^']*)'"]
]

↑で動かなければより複雑なregexpを使う

settings.json

 "tailwindCSS.experimental.classRegex": [
   [
     "cva\\(([^)(]*(?:\\([^)(]*(?:\\([^)(]*(?:\\([^)(]*\\)[^)(]*)*\\)[^)(]*)*\\)[^)(]*)*)\\)",
      "'([^']*)'"
   ]
]

参考