fix: handle jsx

close #56
underfin · Mar 16, 2021 · 7898936 · 7898936
1 parent 50a4dbd
commit 7898936
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 2 deletions.
diff --git a/playground/App.vue b/playground/App.vue
@@ -7,6 +7,7 @@
     <TestHmr/>
     <TestAssets/>
     <TestJsx/>
+    <TestJsxSFC/> 
   </div>
 </template>
 
@@ -17,6 +18,7 @@ import TestCssModules from './css/TestCssModules.vue'
 import TestHmr from './hmr/TestHmr.vue'
 import TestAssets from './test-assets/TestAssets.vue'
 import TestJsx from './TestJsx.tsx'
+import TestJsxSFC from './TestJsxSFC.vue'
 
 export default {
   name: 'App',
@@ -26,7 +28,8 @@ export default {
     TestCssModules,
     TestHmr,
     TestAssets,
-    TestJsx
+    TestJsx,
+    TestJsxSFC
   }
 }
 </script>
diff --git a/playground/TestJsxSFC.vue b/playground/TestJsxSFC.vue
@@ -0,0 +1,9 @@
+<script lang="tsx">
+const word: string = 'JSX & SFC works!'
+
+export default {
+	render() {
+		return <div class={'jsx-sfc'}> {word} </div>
+	}
+}
+</script>
diff --git a/src/index.ts b/src/index.ts
@@ -130,7 +130,7 @@ export function createVuePlugin(rawOptions: VueViteOptions = {}): Plugin {
     async transform(code, id) {
       const { filename, query } = parseVueRequest(id)
 
-      if (!query.vue && /\.(tsx|jsx)$/.test(id)) {
+      if (/\.(tsx|jsx)$/.test(id)) {
         return transformVueJsx(code, id, options.jsxOptions)
       }
 

diff --git a/test/util.ts b/test/util.ts
@@ -201,4 +201,8 @@ export function declareTests(isBuild: boolean) {
   test('Jsx', async () => {
     expect(await getText('.jsx')).toMatch('JSX works!')
   })
+
+  test('JsxSFC', async () => {
+    expect(await getText('.jsx-sfc')).toMatch('JSX & SFC works!')
+  })
 }