Match custom class regex in Vue templates (#1194)

Fixes #1066

Looks like I unintentionally broke this in #930 quite a while ago

Author: thecrypticace

packages/tailwindcss-language-service/src/util/find.ts

@@ -270,10 +270,11 @@ export async function findClassListsInRange(
   range?: Range,
   mode?: 'html' | 'css' | 'jsx',
   includeCustom: boolean = true,
+  lang?: string,
 ): Promise<DocumentClassList[]> {
   let classLists: DocumentClassList[] = []
   if (mode === 'css') {
-    classLists = findClassListsInCssRange(state, doc, range)
+    classLists = findClassListsInCssRange(state, doc, range, lang)
   } else if (mode === 'html' || mode === 'jsx') {
     classLists = await findClassListsInHtmlRange(state, doc, mode, range)
   }
@@ -448,11 +449,11 @@ export async function findClassNameAtPosition(
     let groups = await Promise.all(
       boundaries.map(async ({ type, range, lang }) => {
         if (type === 'css') {
-          return findClassListsInCssRange(state, doc, range, lang)
+          return await findClassListsInRange(state, doc, range, 'css', true, lang)
         }
 
         if (type === 'html') {
-          return await findClassListsInHtmlRange(state, doc, 'html', range)
+          return await findClassListsInRange(state, doc, range, 'html')
         }
 
         if (type === 'js' || type === 'jsx') {

packages/vscode-tailwindcss/CHANGELOG.md

@@ -13,6 +13,7 @@
 - Show warning when loading a config in v3 fails ([#1191](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1191))
 - Better handle really long class lists in attributes and custom regexes ([#1192](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1192))
 - Add support for Astro’s template literal attributes ([#1193](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1193))
+- Match custom class regex in Vue templates ([#1194](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1194))
 
 ## 0.14.3