Use babel to parse JS expressions in Vue/Angular (#2)

Author: bradlc

src/index.js

@@ -166,7 +166,9 @@ function transformHtml(attributes, computedAttributes = []) {
           continue
         }
 
-        let ast = recast.parse(`let __prettier_temp__ = ${attr.value}`)
+        let ast = recast.parse(`let __prettier_temp__ = ${attr.value}`, {
+          parser: prettierParserBabel.parsers.babel,
+        })
         let didChange = false
 
         astTypes.visit(ast, {

tests/test.js

@@ -96,6 +96,7 @@ let vue = [
   t`<div :class="'${yes}' + '${yes}'"></div>`,
   t`<div :class="['${yes}', '${yes}']"></div>`,
   t`<div :class="[cond ? '${yes}' : '${yes}']"></div>`,
+  t`<div :class="[someVar ?? '${yes}']"></div>`,
   t`<div :class="{ '${yes}': true }"></div>`,
   t`<div :class="clsx('${yes}')"></div>`,
   t`<div :class="\`${yes}\`"></div>`,