fix: apply TS transform to template when inine is disabled

vuejs · May 20, 2022 · ec2ae81 · ec2ae81
1 parent 7909c00
commit ec2ae81
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 6 deletions.
diff --git a/src/transform.ts b/src/transform.ts
@@ -126,7 +126,7 @@ export async function compileFile(
     descriptor.template &&
     (!descriptor.scriptSetup || store.options?.script?.inlineTemplate === false)
   ) {
-    const clientTemplateResult = doCompileTemplate(
+    const clientTemplateResult = await doCompileTemplate(
       store,
       descriptor,
       id,
@@ -139,7 +139,7 @@ export async function compileFile(
     }
     clientCode += clientTemplateResult
 
-    const ssrTemplateResult = doCompileTemplate(
+    const ssrTemplateResult = await doCompileTemplate(
       store,
       descriptor,
       id,
@@ -265,7 +265,7 @@ async function doCompileScript(
   }
 }
 
-function doCompileTemplate(
+async function doCompileTemplate(
   store: Store,
   descriptor: SFCDescriptor,
   id: string,
@@ -296,12 +296,17 @@ function doCompileTemplate(
 
   const fnName = ssr ? `ssrRender` : `render`
 
-  return (
+  let code =
     `\n${templateResult.code.replace(
       /\nexport (function|const) (render|ssrRender)/,
       `$1 ${fnName}`
     )}` + `\n${COMP_IDENTIFIER}.${fnName} = ${fnName}`
-  )
+
+  if ((descriptor.script || descriptor.scriptSetup)!.lang === 'ts') {
+    code = await transformTS(code)
+  }
+
+  return code
 }
 
 async function hashId(filename: string) {

diff --git a/test/main.ts b/test/main.ts
@@ -35,7 +35,12 @@ const App = {
     return () =>
       h(Repl, {
         store,
-        layout: 'vertical'
+        layout: 'vertical',
+        sfcOptions: {
+          script: {
+            // inlineTemplate: false
+          }
+        }
         // showCompileOutput: false,
         // showImportMap: false
       })