test: add test case

playground/vue/Main.vue

@@ -10,6 +10,7 @@
   </div>
   <HmrCircularReference name="test" />
   <TypeProps msg="msg" bar="bar" :id="123" />
+  <TypePropsTsx msg="msg" bar="bar" />
   <Syntax />
   <PreProcessors />
   <PreProcessorsHmr />
@@ -56,6 +57,7 @@ import WorkerTest from './worker.vue'
 import { ref } from 'vue'
 import Url from './Url.vue'
 import TypeProps from './TypeProps.vue'
+import TypePropsTsx from './TypePropsTsx.vue'
 import DefaultLangs from './DefaultLangs.vue'
 import PreCompiled from './pre-compiled/foo.vue'
 import PreCompiledExternalScoped from './pre-compiled/external-scoped.vue'

playground/vue/TypePropsTsx.vue

@@ -0,0 +1,10 @@
+<script setup lang="tsx">
+import type { Props } from './types'
+
+const props = defineProps<Props & { bar: string }>()
+</script>
+
+<template>
+  <h2>Imported Type Props</h2>
+  <pre class="type-props-tsx">{{ props }}</pre>
+</template>

playground/vue/__tests__/vue.spec.ts

@@ -349,6 +349,20 @@ describe('macro imported types', () => {
       ),
     )
   })
+
+  test('should hmr with lang=tsx', async () => {
+    editFile('types.ts', (code) => code.replace('msg: string', ''))
+    await untilUpdated(
+      () => page.textContent('.type-props-tsx'),
+      JSON.stringify(
+        {
+          bar: 'bar',
+        },
+        null,
+        2,
+      ),
+    )
+  })
 })
 
 test('TS with generics', async () => {