fix(setup-sfc): use .setup.tsx

Author: zhiyuanzmj

playground/src/App.vue

@@ -0,0 +1,31 @@
+<script setup>
+import { ref } from 'vue'
+import Comp from './components/Comp.vue'
+
+const list = [{ id: 1 }]
+const bind = { }
+const on = { submit: () => {} }
+const select = $ref()
+</script>
+
+<template>
+  <Comp
+    v-for="i in list"
+    v-if="list"
+    :key="i.id"
+    v-bind="bind"
+    v-model:id="i.id"
+    v-loading.fullscreen.lock="true"
+    v-memo="[select.id === i.id]"
+    v-on="on"
+    @click.once="select = i"
+    @submit="alert"
+  >
+    <template v-slot:default="{ id }">
+      <div>{{ id }}</div>
+    </template>
+    <template #bottom="{ foo }">
+      <div>{{ foo }}</div>
+    </template>
+  </Comp>
+</template>

playground/vite.config.ts

@@ -10,8 +10,10 @@ export default defineConfig({
       defineRender: true,
       defineSlots: true,
       exportRender: true,
+      reactivityTransform: true,
       plugins: {
         vue: Vue({
+          include: [/\.vue$/, /\.setup\.[cm]?[jt]sx?$/],
           script: {
             propsDestructure: true,
           },

src/index.ts

@@ -27,7 +27,7 @@ let macro = await select({
 },
 )
 
-let render = 'define-render'
+let render = 'export-render'
 if (macro === 'jsx-directive') {
   render = await select({
     message: chalk.green(
@@ -92,7 +92,7 @@ if (['jsx-directive', 'setup-sfc'].includes(macro)) {
     await $`${sg} scan -c ${config} -U --filter 'tsx define-short-slots' ${targetDirectory}`
 
   if (macro === 'setup-sfc') {
-    await Promise.all(files.map(async file => fs.move(`${file}.sg.tsx`, `${file.slice(0, -3)}tsx`)))
+    await Promise.all(files.map(async file => fs.move(`${file}.sg.tsx`, `${file.slice(0, -3)}.setup.tsx`)))
   }
   else {
     await $`${sg} scan -c ${config} -U --filter '^tsx sfc$' ${targetDirectory}`