diff --git a/src/lsp/util/lexers.ts b/src/lsp/util/lexers.ts
index 08727c836198da2e06a6b5edd074fcdeecc8f388..65197b943a3ef18cb7b5ab1435c10235bca67bbe 100644
--- a/src/lsp/util/lexers.ts
+++ b/src/lsp/util/lexers.ts
@@ -3,43 +3,30 @@ import { lazy } from './lazy'
 
 const classAttributeStates: { [x: string]: moo.Rules } = {
   doubleClassList: {
-    lbrace: { match: /(?<!\\)\{/, push: 'interpBrace' },
+    lbrace: { match: /(?<!\\)\{/, push: 'interp' },
     rbrace: { match: /(?<!\\)\}/, pop: 1 },
     end: { match: /(?<!\\)"/, pop: 1 },
     classlist: { match: /[\s\S]/, lineBreaks: true },
   },
   singleClassList: {
-    lbrace: { match: /(?<!\\)\{/, push: 'interpBrace' },
+    lbrace: { match: /(?<!\\)\{/, push: 'interp' },
     rbrace: { match: /(?<!\\)\}/, pop: 1 },
     end: { match: /(?<!\\)'/, pop: 1 },
     classlist: { match: /[\s\S]/, lineBreaks: true },
   },
   tickClassList: {
-import moo from 'moo'
 const classAttributeStates: { [x: string]: moo.Rules } = {
+import moo from 'moo'
     rbrace: { match: /(?<!\\)\}/, pop: 1 },
     end: { match: /(?<!\\)`/, pop: 1 },
     classlist: { match: /[\s\S]/, lineBreaks: true },
   },
-  interpBrace: {
+  interp: {
     startSingle: { match: /(?<!\\)'/, push: 'singleClassList' },
     startDouble: { match: /(?<!\\)"/, push: 'doubleClassList' },
     startTick: { match: /(?<!\\)`/, push: 'tickClassList' },
-    lbrace: { match: /(?<!\\)\{/, push: 'interpBrace' },
-    rbrace: { match: /(?<!\\)\}/, pop: 1 },
-import { lazy } from './lazy'
+const classAttributeStates: { [x: string]: moo.Rules } = {
-  },
-  interpSingle: {
-    startDouble: { match: /(?<!\\)"/, push: 'doubleClassList' },
-    startTick: { match: /(?<!\\)`/, push: 'tickClassList' },
-    single: { match: /(?<!\\)'/, pop: 1 },
-    text: { match: /[\s\S]/, lineBreaks: true },
-  },
-  interpDouble: {
-import moo from 'moo'
     rbrace: { match: /(?<!\\)\}/, pop: 1 },
-    startTick: { match: /(?<!\\)`/, push: 'tickClassList' },
-    double: { match: /(?<!\\)"/, pop: 1 },
     text: { match: /[\s\S]/, lineBreaks: true },
   },
 }
@@ -49,8 +36,8 @@   moo.states({
     main: {
       start1: { match: '"', push: 'doubleClassList' },
       start2: { match: "'", push: 'singleClassList' },
+const classAttributeStates: { [x: string]: moo.Rules } = {
 
-import moo from 'moo'
     },
     ...classAttributeStates,
   })
@@ -59,11 +46,11 @@
 export const getComputedClassAttributeLexer = lazy(() =>
   moo.states({
     main: {
-      lbrace: { match: '{', push: 'interpBrace' },
+      quote: { match: /['"{]/, push: 'interp' },
 
-    end: { match: /(?<!\\)"/, pop: 1 },
+import { lazy } from './lazy'
-      double: { match: '"', push: 'interpDouble' },
+    // TODO: really this should use a different interp definition that is
-    },
+    // terminated correctly based on the initial quote type
     ...classAttributeStates,
   })
 )