diff --git a/src/index.js b/src/index.js
index 1f68b3c8..9e4d69a5 100644
--- a/src/index.js
+++ b/src/index.js
@@ -167,7 +167,7 @@ function transformHtml(attributes, computedAttributes = []) {
         }
 
         let ast = recast.parse(`let __prettier_temp__ = ${attr.value}`, {
-          parser: prettierParserBabel.parsers.babel,
+          parser: prettierParserBabel.parsers['babel-ts'],
         })
         let didChange = false
 
diff --git a/tests/test.js b/tests/test.js
index b85c46e6..3eba6940 100644
--- a/tests/test.js
+++ b/tests/test.js
@@ -101,6 +101,7 @@ let vue = [
   t`<div :class="clsx('${yes}')"></div>`,
   t`<div :class="\`${yes}\`"></div>`,
   t`<div :class="\`${yes} \${someVar}\`"></div>`,
+  t`<div :class="someVar! ? \`${yes}\` : \`${yes}\`"></div>`, // ts
   [
     `<div :class="\`sm:block inline flex\${someVar}\`"></div>`,
     `<div :class="\`inline sm:block flex\${someVar}\`"></div>`,