fix: template literal, close unplugin#82

Author: antfu

src/core/transform.ts

@@ -10,7 +10,7 @@ const excludeRE = [
   /\b(?:const|let|var)\s+?(\[[\s\S]*?\]|\{[\s\S]*?\}|[\s\S]+?)\s*?[=;\n]/g,
 ]
 
-const matchRE = /(?<![\w_$]\.)([\w_$]+?)[^\w_$]/g
+const matchRE = /(?<![\w_$]\.)([\w_$]+?)[^\w_${]/g
 const importAsRE = /^.*\sas\s+/
 const seperatorRE = /[,[\]{}\n]/g
 const multilineCommentsRE = /\/\*\s(.|[\r\n])*?\*\//gm
@@ -25,6 +25,7 @@ function stripeCommentsAndStrings(code: string) {
     .replace(multilineCommentsRE, '')
     .replace(singlelineCommentsRE, '')
     .replace(quotesRE[0], '""')
+    .replace(/\$\{(.*)\}/g, '` + $1 + `')
     .replace(quotesRE[1], '``')
 }
 

test/__snapshots__/transform.test.ts.snap

@@ -159,6 +159,11 @@ onMount(() => {})
 "
 `;
 
+exports[`transform fixtures template-literal.ts 1`] = `
+"import { ref } from 'vue';const z = \`bar-\${ref()}\`
+"
+`;
+
 exports[`transform fixtures vue.js 1`] = `
 "import { useQuasar, useMeta } from 'quasar';import { ref } from 'vue';import { defineStore, mapState } from 'pinia';const q = useQuasar()
 const meta = useMeta()

test/fixtures/template-literal.ts

@@ -0,0 +1 @@
+const z = `bar-${ref()}`