fix: don't inline template when __VUE_PROD_DEVTOOLS__

ref: 277a3abde086d8e12f5097c47913fa5f1fbf3c23
unplugin · Jul 23, 2024 · e83ae1d · e83ae1d
1 parent f9b6339
commit e83ae1d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/core/main.ts b/src/core/main.ts
@@ -83,7 +83,7 @@ export async function transformMain(
 
   // template
   const hasTemplateImport =
-    descriptor.template && !isUseInlineTemplate(options, descriptor)
+    descriptor.template && !isUseInlineTemplate(descriptor, options)
 
   let templateCode = ''
   let templateMap: RawSourceMap | undefined

diff --git a/src/core/script.ts b/src/core/script.ts
@@ -37,12 +37,13 @@ export function setResolvedScript(
 // inside <script setup>. This can only be done for build because
 // inlined template cannot be individually hot updated.
 export function isUseInlineTemplate(
-  options: ResolvedOptions,
   descriptor: SFCDescriptor,
+  options: ResolvedOptions,
 ): boolean {
   return (
     options.inlineTemplate &&
     !options.devServer &&
+    !options.devToolsEnabled &&
     !!descriptor.scriptSetup &&
     !descriptor.template?.src
   )
@@ -72,7 +73,7 @@ export function resolveScript(
     ...options.script,
     id: descriptor.id,
     isProd: options.isProduction,
-    inlineTemplate: isUseInlineTemplate(options, descriptor),
+    inlineTemplate: isUseInlineTemplate(descriptor, options),
     templateOptions: resolveTemplateCompilerOptions(descriptor, options, ssr),
     sourceMap: options.sourceMap,
     genDefaultAs: canInlineMain(framework, descriptor, options)