fix: lang="tsx" can't be inlined

Fixes #159
vitejs · Apr 26, 2023 · c3f5c9c · c3f5c9c
1 parent 9d0d7a7
commit c3f5c9c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/plugin-vue/src/script.ts b/packages/plugin-vue/src/script.ts
@@ -108,7 +108,7 @@ export function canInlineMain(
   if (!lang) {
     return true
   }
-  if ((lang === 'ts' || lang === 'tsx') && options.devServer) {
+  if (lang === 'ts' && options.devServer) {
     return true
   }
   return false

diff --git a/playground/vue-jsx/TsImport.vue b/playground/vue-jsx/TsImport.vue
@@ -1,8 +1,16 @@
 <template>
   <h2>Ts Import</h2>
   <p class="ts-import">{{ foo }}</p>
+
+  <Bar />
 </template>
 
 <script setup lang="tsx">
 import { foo } from './TsImportFile.js'
+
+const Bar = () => (
+  <div class="bar">
+    <p>Bar</p>
+  </div>
+)
 </script>