feat(setup-sfc): convert to setup.tsx suffix

Author: zhiyuanzmj

eslint.config.js

@@ -12,6 +12,7 @@ export default antfu(
       },
       typescript: {
         'no-console': 'off',
+        'prefer-const': 'off',
       },
       yaml: {
         'yaml/indent': 'off',

playground/src/App.vue

@@ -5,7 +5,7 @@ import Comp from './components/Comp.vue'
 const list = [{ id: 1 }]
 const bind = { }
 const on = { submit: () => {} }
-const select = $ref<{ id: number }>(list[0])
+let select = $ref<{ id: number }>(list[0])
 const compRef = shallowRef()
 </script>
 

src/init/package.ts

@@ -21,7 +21,7 @@ export async function rewritePackage(macros: VueMacros, target: string) {
       && !packageJson.optionalDependencies?.[dep],
     )
 
-    if (devDeps)
+    if (devDeps.length)
       return $`${ni} ${devDeps} -D`
   }
 

src/sg/rules/setup-sfc.yml

@@ -80,3 +80,59 @@ rule:
   inside:
     kind: program
 fix: ''
+
+---
+
+id: setup-sfc delete .vue suffix in ts
+language: ts
+rule:
+  kind: string_fragment
+  regex: \.vue$
+  pattern: $A
+  any:
+    - inside:
+        kind: string
+        inside:
+          kind: import_statement
+    - inside:
+        kind: string
+        inside:
+          kind: arguments
+          follows:
+            kind: import
+            stopBy: end
+transform:
+  B:
+    replace:
+      replace: vue$
+      by: setup.tsx
+      source: $A
+fix: $B
+
+---
+
+id: setup-sfc delete .vue suffix in tsx
+language: tsx
+rule:
+  kind: string_fragment
+  regex: \.vue$
+  pattern: $A
+  any:
+    - inside:
+        kind: string
+        inside:
+          kind: import_statement
+    - inside:
+        kind: string
+        inside:
+          kind: arguments
+          follows:
+            kind: import
+            stopBy: end
+transform:
+  B:
+    replace:
+      replace: vue$
+      by: setup.tsx
+      source: $A
+fix: $B