From 5cdf88e73a2534ba52e335b5b076c09b78ba0064 Mon Sep 17 00:00:00 2001
From: gaokefei <260480378@qq.com>
Date: Sun, 3 Dec 2023 10:42:49 +0800
Subject: [PATCH 1/4] fix(jsx-directive): prevent format style block

---
 src/rules/setup-sfc.yml | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/rules/setup-sfc.yml b/src/rules/setup-sfc.yml
index fa5a25a..b077830 100644
--- a/src/rules/setup-sfc.yml
+++ b/src/rules/setup-sfc.yml
@@ -22,18 +22,18 @@ fix: |-
 id: setup-sfc start ignore comment in style
 language: html
 rule:
-  kind: raw_text
+  kind: style_element
   pattern: $A
-  inside:
-    kind: style_element
+  has:
+    kind: raw_text
+    regex: \*/
 transform:
   B:
     replace:
       replace: \*/
       by: '*\/'
       source: $A
-fix: |-
-  $B
+fix: $B
 
 ---
 
@@ -79,4 +79,4 @@ rule:
   pattern: $A
   inside:
     kind: program
-fix: |-
+fix: ''

From 2c48e4ceb6229fd6fba1588bb004a525c5319aa2 Mon Sep 17 00:00:00 2001
From: gaokefei <260480378@qq.com>
Date: Sun, 3 Dec 2023 10:56:58 +0800
Subject: [PATCH 2/4] feat(cli): support --version option

---
 src/index.ts | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index 290e24a..463dff9 100755
--- a/src/index.ts
+++ b/src/index.ts
@@ -19,13 +19,9 @@ ${chalk.underline('Commands:')}
  
 ${chalk.underline('Options:')}
   -h, --help    Print help (see more with '--help')
-  -V, --version Print version
+  -v, --version Print version
   `)
 }
-if (argv._[0] !== 'sg' || argv.help || argv.h) {
-  printHelp()
-  process.exit()
-}
 
 const dirname = path.dirname(fileURLToPath(import.meta.url))
 if (argv.v || argv.version) {
@@ -34,6 +30,11 @@ if (argv.v || argv.version) {
   process.exit()
 }
 
+if (argv._[0] !== 'sg' || argv.help || argv.h) {
+  printHelp()
+  process.exit()
+}
+
 $.verbose = false
 
 let macro = await select({

From 990d5018b115ccfb677cd6461d762d9aeeddb11a Mon Sep 17 00:00:00 2001
From: gaokefei <260480378@qq.com>
Date: Wed, 6 Dec 2023 00:01:09 +0800
Subject: [PATCH 3/4] feat(cli): add init command

---
 README.md                                     |  15 ++-
 build.config.ts                               |   4 +-
 eslint.config.js                              |   1 -
 package.json                                  |   4 +-
 playground/nuxt.config.ts                     |   4 +
 playground/package.json                       |   5 +-
 playground/pnpm-lock.yaml                     |  62 ++++++-----
 playground/src/App.vue                        |   6 +-
 playground/tsconfig.json                      |  10 +-
 playground/vite.config.ts                     |  14 +--
 pnpm-lock.yaml                                |  75 +++++++------
 src/common/constants.ts                       |  39 +++++++
 src/common/general.ts                         |   4 +
 src/common/index.ts                           |   2 +
 src/index.ts                                  | 100 +++---------------
 src/init/index.ts                             |  57 ++++++++++
 src/init/nuxt.ts                              |  27 +++++
 src/init/package.ts                           |  38 +++++++
 src/init/tsconfig.ts                          |  46 ++++++++
 src/init/vite.ts                              |  68 ++++++++++++
 src/sg/index.ts                               |  97 +++++++++++++++++
 src/{ => sg}/rules/define-emits.yml           |   0
 src/{ => sg}/rules/define-slots.yml           |   0
 src/{ => sg}/rules/jsx-directive/v-bind.yml   |   0
 .../rules/jsx-directive/v-directive.yml       |   0
 src/{ => sg}/rules/jsx-directive/v-on.yml     |   0
 src/{ => sg}/rules/jsx-directive/v-slot.yml   |   0
 src/{ => sg}/rules/jsx-directive/v-tag.yml    |   0
 src/{ => sg}/rules/jsx-directive/v-text.yml   |   0
 src/{ => sg}/rules/render/define-render.yml   |   0
 src/{ => sg}/rules/render/export-render.yml   |   0
 src/{ => sg}/rules/setup-sfc.yml              |   0
 .../rules/short-vmodel.yml}                   |   6 +-
 src/{ => sg}/sgconfig-tsx.yml                 |   0
 src/{ => sg}/sgconfig.yml                     |   0
 src/{ => sg}/utils/is-event.yml               |   0
 src/{ => sg}/utils/is-fragment.yml            |   0
 src/{ => sg}/utils/is-script.yml              |   0
 src/{ => sg}/utils/is-template.yml            |   0
 39 files changed, 514 insertions(+), 170 deletions(-)
 create mode 100644 playground/nuxt.config.ts
 create mode 100644 src/common/constants.ts
 create mode 100644 src/common/general.ts
 create mode 100644 src/common/index.ts
 create mode 100644 src/init/index.ts
 create mode 100644 src/init/nuxt.ts
 create mode 100644 src/init/package.ts
 create mode 100644 src/init/tsconfig.ts
 create mode 100644 src/init/vite.ts
 create mode 100644 src/sg/index.ts
 rename src/{ => sg}/rules/define-emits.yml (100%)
 rename src/{ => sg}/rules/define-slots.yml (100%)
 rename src/{ => sg}/rules/jsx-directive/v-bind.yml (100%)
 rename src/{ => sg}/rules/jsx-directive/v-directive.yml (100%)
 rename src/{ => sg}/rules/jsx-directive/v-on.yml (100%)
 rename src/{ => sg}/rules/jsx-directive/v-slot.yml (100%)
 rename src/{ => sg}/rules/jsx-directive/v-tag.yml (100%)
 rename src/{ => sg}/rules/jsx-directive/v-text.yml (100%)
 rename src/{ => sg}/rules/render/define-render.yml (100%)
 rename src/{ => sg}/rules/render/export-render.yml (100%)
 rename src/{ => sg}/rules/setup-sfc.yml (100%)
 rename src/{rules/short-v-model.yml => sg/rules/short-vmodel.yml} (90%)
 rename src/{ => sg}/sgconfig-tsx.yml (100%)
 rename src/{ => sg}/sgconfig.yml (100%)
 rename src/{ => sg}/utils/is-event.yml (100%)
 rename src/{ => sg}/utils/is-fragment.yml (100%)
 rename src/{ => sg}/utils/is-script.yml (100%)
 rename src/{ => sg}/utils/is-template.yml (100%)

diff --git a/README.md b/README.md
index 96a0bfc..ce210bd 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@
 - [x] define-render
 - [x] export-render
 - [x] define-slots
-- [x] short-v-model
+- [x] short-vmodel
 - [x] setup-sfc 
 
 
@@ -19,11 +19,20 @@
 pnpm add -g @vue-macros/cli
 ```
 
-### sg
+### SG
 ```shell
 vue-macros sg
 ```
 
-## License
+### Init
+```shell
+pnpm create vite my-vue-macros --template vue
+
+cd my-vue-macros
+
+vue-macros init
+```
+
+## Licenase
 
 MIT License &copy; 2023-PRESENT [zhiyuanzmj](https://github.com/zhiyuanzmj)
diff --git a/build.config.ts b/build.config.ts
index 85ae905..9a4ce95 100644
--- a/build.config.ts
+++ b/build.config.ts
@@ -5,8 +5,8 @@ export default defineBuildConfig({
     'src/index',
     {
       builder: 'mkdist',
-      input: './src',
-      outDir: './dist',
+      input: './src/sg',
+      outDir: './dist/sg',
     },
   ],
   clean: true,
diff --git a/eslint.config.js b/eslint.config.js
index 0563e5a..556284b 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -17,6 +17,5 @@ export default antfu(
         'yaml/indent': 'off',
       },
     },
-    ignores: ['**/playground/**'],
   },
 )
diff --git a/package.json b/package.json
index 370bec4..48deeaa 100644
--- a/package.json
+++ b/package.json
@@ -42,8 +42,10 @@
     "prepublishOnly": "pnpm run build"
   },
   "dependencies": {
-    "@ast-grep/cli": "^0.14.1",
+    "@antfu/ni": "^0.21.12",
+    "@ast-grep/cli": "^0.14.2",
     "@inquirer/prompts": "^3.3.0",
+    "magicast": "^0.3.2",
     "pkg-types": "^1.0.3",
     "zx": "^7.2.3"
   },
diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
new file mode 100644
index 0000000..59e408e
--- /dev/null
+++ b/playground/nuxt.config.ts
@@ -0,0 +1,4 @@
+// @ts-expect-error ignore
+export default defineNuxtConfig({
+
+})
diff --git a/playground/package.json b/playground/package.json
index ece7a8a..1bb809f 100644
--- a/playground/package.json
+++ b/playground/package.json
@@ -1,7 +1,7 @@
 {
   "type": "module",
   "scripts": {
-    "sg": "tsx ../src/index.ts sg ./src",
+    "sg": "node ../dist/index.mjs",
     "dev": "vite",
     "build": "vite build"
   },
@@ -11,10 +11,11 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.5.0",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
-    "unplugin-vue-macros": "^2.7.0",
     "@vue-macros/volar": "^0.17.4",
     "@vue/babel-helper-vue-transform-on": "1.2.0-alpha.0",
     "tsx": "^4.6.1",
+    "typescript": "^5.3.2",
+    "unplugin-vue-macros": "^2.7.0",
     "vite": "^5.0.4"
   }
 }
diff --git a/playground/pnpm-lock.yaml b/playground/pnpm-lock.yaml
index b9a23d7..934cfe1 100644
--- a/playground/pnpm-lock.yaml
+++ b/playground/pnpm-lock.yaml
@@ -7,7 +7,7 @@ settings:
 dependencies:
   vue:
     specifier: ^3.3.9
-    version: 3.3.9
+    version: 3.3.9(typescript@5.3.2)
 
 devDependencies:
   '@vitejs/plugin-vue':
@@ -18,16 +18,19 @@ devDependencies:
     version: 3.1.0(vite@5.0.4)(vue@3.3.9)
   '@vue-macros/volar':
     specifier: ^0.17.4
-    version: 0.17.4(@vue-macros/reactivity-transform@0.4.0)(vue@3.3.9)
+    version: 0.17.4(@vue-macros/reactivity-transform@0.4.0)(typescript@5.3.2)(vue@3.3.9)
   '@vue/babel-helper-vue-transform-on':
     specifier: 1.2.0-alpha.0
     version: 1.2.0-alpha.0
   tsx:
     specifier: ^4.6.1
     version: 4.6.1
+  typescript:
+    specifier: ^5.3.2
+    version: 5.3.2
   unplugin-vue-macros:
     specifier: ^2.7.0
-    version: 2.7.0(vite@5.0.4)(vue@3.3.9)
+    version: 2.7.0(typescript@5.3.2)(vite@5.0.4)(vue@3.3.9)
   vite:
     specifier: ^5.0.4
     version: 5.0.4
@@ -883,7 +886,7 @@ packages:
       '@babel/plugin-transform-typescript': 7.23.5(@babel/core@7.23.5)
       '@vue/babel-plugin-jsx': 1.1.5(@babel/core@7.23.5)
       vite: 5.0.4
-      vue: 3.3.9
+      vue: 3.3.9(typescript@5.3.2)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -896,7 +899,7 @@ packages:
       vue: ^3.2.25
     dependencies:
       vite: 5.0.4
-      vue: 3.3.9
+      vue: 3.3.9(typescript@5.3.2)
     dev: true
 
   /@volar/language-core@1.10.10:
@@ -972,7 +975,7 @@ packages:
       ast-kit: 0.11.2
       local-pkg: 0.5.0
       magic-string-ast: 0.3.0
-      vue: 3.3.9
+      vue: 3.3.9(typescript@5.3.2)
     transitivePeerDependencies:
       - rollup
     dev: true
@@ -986,7 +989,7 @@ packages:
       '@vue-macros/api': 0.9.0(vue@3.3.9)
       '@vue-macros/common': 1.9.0(vue@3.3.9)
       unplugin: 1.5.1
-      vue: 3.3.9
+      vue: 3.3.9(typescript@5.3.2)
     transitivePeerDependencies:
       - rollup
     dev: true
@@ -1017,7 +1020,7 @@ packages:
       '@vue-macros/api': 0.9.0(vue@3.3.9)
       '@vue-macros/common': 1.9.0(vue@3.3.9)
       unplugin: 1.5.1
-      vue: 3.3.9
+      vue: 3.3.9(typescript@5.3.2)
     transitivePeerDependencies:
       - rollup
     dev: true
@@ -1030,7 +1033,7 @@ packages:
     dependencies:
       '@vue-macros/common': 1.9.0(vue@3.3.9)
       unplugin: 1.5.1
-      vue: 3.3.9
+      vue: 3.3.9(typescript@5.3.2)
     transitivePeerDependencies:
       - rollup
     dev: true
@@ -1045,7 +1048,7 @@ packages:
       '@vue-macros/common': 1.9.0(vue@3.3.9)
       '@vue-macros/reactivity-transform': 0.4.0(vue@3.3.9)
       unplugin: 1.5.1
-      vue: 3.3.9
+      vue: 3.3.9(typescript@5.3.2)
     transitivePeerDependencies:
       - rollup
     dev: true
@@ -1058,7 +1061,7 @@ packages:
     dependencies:
       '@vue-macros/common': 1.9.0(vue@3.3.9)
       unplugin: 1.5.1
-      vue: 3.3.9
+      vue: 3.3.9(typescript@5.3.2)
     transitivePeerDependencies:
       - rollup
     dev: true
@@ -1071,12 +1074,12 @@ packages:
     dependencies:
       '@vue-macros/common': 1.9.0(vue@3.3.9)
       unplugin: 1.5.1
-      vue: 3.3.9
+      vue: 3.3.9(typescript@5.3.2)
     transitivePeerDependencies:
       - rollup
     dev: true
 
-  /@vue-macros/devtools@0.2.0(vite@5.0.4):
+  /@vue-macros/devtools@0.2.0(typescript@5.3.2)(vite@5.0.4):
     resolution: {integrity: sha512-jHjvY1bFgQLe/2+5pBOG4fgmL5MPhsqQDj7Barhj8YN+Oe7U2hBImvfAyOGpqd2uucLOWQTP1cWrp3q9b1svsg==}
     engines: {node: '>=16.14.0'}
     peerDependencies:
@@ -1087,7 +1090,7 @@ packages:
     dependencies:
       sirv: 2.0.3
       vite: 5.0.4
-      vue: 3.3.9
+      vue: 3.3.9(typescript@5.3.2)
     transitivePeerDependencies:
       - typescript
     dev: true
@@ -1101,7 +1104,7 @@ packages:
       '@vue-macros/common': 1.9.0(vue@3.3.9)
       '@vue/compiler-sfc': 3.3.9
       unplugin: 1.5.1
-      vue: 3.3.9
+      vue: 3.3.9(typescript@5.3.2)
     transitivePeerDependencies:
       - rollup
     dev: true
@@ -1114,7 +1117,7 @@ packages:
     dependencies:
       '@vue-macros/common': 1.9.0(vue@3.3.9)
       unplugin: 1.5.1
-      vue: 3.3.9
+      vue: 3.3.9(typescript@5.3.2)
     transitivePeerDependencies:
       - rollup
     dev: true
@@ -1128,7 +1131,7 @@ packages:
       '@vue-macros/common': 1.9.0(vue@3.3.9)
       '@vue/compiler-sfc': 3.3.9
       unplugin: 1.5.1
-      vue: 3.3.9
+      vue: 3.3.9(typescript@5.3.2)
     transitivePeerDependencies:
       - rollup
     dev: true
@@ -1179,7 +1182,7 @@ packages:
       '@vue/shared': 3.3.9
       magic-string: 0.30.5
       unplugin: 1.5.1
-      vue: 3.3.9
+      vue: 3.3.9(typescript@5.3.2)
     transitivePeerDependencies:
       - rollup
     dev: true
@@ -1251,7 +1254,7 @@ packages:
       - vue
     dev: true
 
-  /@vue-macros/volar@0.17.4(@vue-macros/reactivity-transform@0.4.0)(vue@3.3.9):
+  /@vue-macros/volar@0.17.4(@vue-macros/reactivity-transform@0.4.0)(typescript@5.3.2)(vue@3.3.9):
     resolution: {integrity: sha512-bPOp9KPAlm1nxIYPVAKoiKS5ERQMgSROAs6fQdlYv9sE4ZgxKpha3S0ZBCFniXkRwOwGaEfMqGkflo0V1buEfw==}
     engines: {node: '>=16.14.0'}
     peerDependencies:
@@ -1265,7 +1268,7 @@ packages:
       '@vue-macros/define-props': 2.0.0(@vue-macros/reactivity-transform@0.4.0)(vue@3.3.9)
       '@vue-macros/short-bind': 0.2.0(vue@3.3.9)
       '@vue-macros/short-vmodel': 1.4.0(vue@3.3.9)
-      '@vue/language-core': 1.8.22
+      '@vue/language-core': 1.8.22(typescript@5.3.2)
     transitivePeerDependencies:
       - '@vue-macros/reactivity-transform'
       - rollup
@@ -1334,7 +1337,7 @@ packages:
       '@vue/compiler-dom': 3.3.9
       '@vue/shared': 3.3.9
 
-  /@vue/language-core@1.8.22:
+  /@vue/language-core@1.8.22(typescript@5.3.2):
     resolution: {integrity: sha512-bsMoJzCrXZqGsxawtUea1cLjUT9dZnDsy5TuZ+l1fxRMzUGQUG9+Ypq4w//CqpWmrx7nIAJpw2JVF/t258miRw==}
     peerDependencies:
       typescript: '*'
@@ -1349,6 +1352,7 @@ packages:
       computeds: 0.0.1
       minimatch: 9.0.3
       muggle-string: 0.3.1
+      typescript: 5.3.2
       vue-template-compiler: 2.7.15
     dev: true
 
@@ -1386,7 +1390,7 @@ packages:
     dependencies:
       '@vue/compiler-ssr': 3.3.9
       '@vue/shared': 3.3.9
-      vue: 3.3.9
+      vue: 3.3.9(typescript@5.3.2)
 
   /@vue/shared@3.3.9:
     resolution: {integrity: sha512-ZE0VTIR0LmYgeyhurPTpy4KzKsuDyQbMSdM49eKkMnT5X4VfFBLysMzjIZhLEFQYjjOVVfbvUDHckwjDFiO2eA==}
@@ -1911,6 +1915,11 @@ packages:
       fsevents: 2.3.3
     dev: true
 
+  /typescript@5.3.2:
+    resolution: {integrity: sha512-6l+RyNy7oAHDfxC4FzSJcz9vnjTKxrLpDG5M2Vu4SHRVNg6xzqZp6LYSR9zjqQTu8DU/f5xwxUdADOkbrIX2gQ==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
   /ufo@1.3.2:
     resolution: {integrity: sha512-o+ORpgGwaYQXgqGDwd+hkS4PuZ3QnmqMMxRuajK/a38L6fTpcE5GPIfrf+L/KemFzfUpeUQc1rRS1iDBozvnFA==}
     dev: true
@@ -1950,7 +1959,7 @@ packages:
       - vue
     dev: true
 
-  /unplugin-vue-macros@2.7.0(vite@5.0.4)(vue@3.3.9):
+  /unplugin-vue-macros@2.7.0(typescript@5.3.2)(vite@5.0.4)(vue@3.3.9):
     resolution: {integrity: sha512-SztF4ARBbrd1yuH4FbJOhp22rTvzakjzJUHTKLRQkZY1KMkIzx/KAdzEkxjAG2Xteqb29SYrc7XcoPdrUPMCCw==}
     engines: {node: '>=16.14.0'}
     peerDependencies:
@@ -1967,7 +1976,7 @@ packages:
       '@vue-macros/define-props-refs': 1.2.0(vue@3.3.9)
       '@vue-macros/define-render': 1.5.0(vue@3.3.9)
       '@vue-macros/define-slots': 1.1.0(vue@3.3.9)
-      '@vue-macros/devtools': 0.2.0(vite@5.0.4)
+      '@vue-macros/devtools': 0.2.0(typescript@5.3.2)(vite@5.0.4)
       '@vue-macros/export-expose': 0.1.0(vue@3.3.9)
       '@vue-macros/export-props': 0.4.0(vue@3.3.9)
       '@vue-macros/export-render': 0.2.0(vue@3.3.9)
@@ -1984,7 +1993,7 @@ packages:
       unplugin: 1.5.1
       unplugin-combine: 0.8.1(vite@5.0.4)
       unplugin-vue-define-options: 1.4.0(vue@3.3.9)
-      vue: 3.3.9
+      vue: 3.3.9(typescript@5.3.2)
     transitivePeerDependencies:
       - '@vueuse/core'
       - esbuild
@@ -2056,7 +2065,7 @@ packages:
       he: 1.2.0
     dev: true
 
-  /vue@3.3.9:
+  /vue@3.3.9(typescript@5.3.2):
     resolution: {integrity: sha512-sy5sLCTR8m6tvUk1/ijri3Yqzgpdsmxgj6n6yl7GXXCXqVbmW2RCXe9atE4cEI6Iv7L89v5f35fZRRr5dChP9w==}
     peerDependencies:
       typescript: '*'
@@ -2069,6 +2078,7 @@ packages:
       '@vue/runtime-dom': 3.3.9
       '@vue/server-renderer': 3.3.9(vue@3.3.9)
       '@vue/shared': 3.3.9
+      typescript: 5.3.2
 
   /webpack-sources@3.2.3:
     resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
diff --git a/playground/src/App.vue b/playground/src/App.vue
index 8b97cc4..dbb5afc 100644
--- a/playground/src/App.vue
+++ b/playground/src/App.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { shallowRef } from 'vue';
+import { shallowRef } from 'vue'
 import Comp from './components/Comp.vue'
 
 const list = [{ id: 1 }]
@@ -15,8 +15,8 @@ const compRef = shallowRef()
     v-if="select"
     :key="i.id"
     v-bind="bind"
-    v-model:id="i.id"
     ref="compRef"
+    v-model:id="i.id"
     v-loading.fullscreen.lock="true"
     v-memo="[select?.id === i.id]"
     v-on="on"
@@ -38,4 +38,4 @@ const compRef = shallowRef()
 body {
   font-size: 14px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/playground/tsconfig.json b/playground/tsconfig.json
index 1406f40..c9fbdb0 100644
--- a/playground/tsconfig.json
+++ b/playground/tsconfig.json
@@ -2,7 +2,9 @@
   "compilerOptions": {
     "target": "es2022",
     "jsx": "preserve",
-    "lib": ["es2022"],
+    "lib": [
+      "es2022"
+    ],
     "module": "es2022",
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
@@ -15,12 +17,14 @@
     "esModuleInterop": true,
     "skipLibCheck": true
   },
+  "include": [
+    "src"
+  ],
   "vueCompilerOptions": {
     "plugins": [
       "@vue-macros/volar/define-render",
       "@vue-macros/volar/export-render",
       "@vue-macros/volar/jsx-directive"
     ]
-  },
-  "include": ["src"]
+  }
 }
diff --git a/playground/vite.config.ts b/playground/vite.config.ts
index 53081e7..baf7215 100644
--- a/playground/vite.config.ts
+++ b/playground/vite.config.ts
@@ -1,7 +1,7 @@
-import { defineConfig } from 'vite'
-import VueMacros from 'unplugin-vue-macros/vite'
+import VueJsx from '@vitejs/plugin-vue-jsx'
 import Vue from '@vitejs/plugin-vue'
-import vueJsx from '@vitejs/plugin-vue-jsx'
+import VueMacros from 'unplugin-vue-macros/vite'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [
@@ -11,18 +11,18 @@ export default defineConfig({
       defineSlots: true,
       exportRender: true,
       reactivityTransform: true,
+
       plugins: {
         vue: Vue({
-          include: [/\.vue$/, /\.setup\.[cm]?[jt]sx?$/],
           script: {
             propsDestructure: true,
           },
         }),
-        vueJsx: vueJsx({
-          transformOn: true
+
+        vueJsx: VueJsx({
+          transformOn: true,
         }),
       },
     }),
-
   ],
 })
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3a16603..5e5c6c5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5,12 +5,18 @@ settings:
   excludeLinksFromLockfile: false
 
 dependencies:
+  '@antfu/ni':
+    specifier: ^0.21.12
+    version: 0.21.12
   '@ast-grep/cli':
-    specifier: ^0.14.1
-    version: 0.14.1
+    specifier: ^0.14.2
+    version: 0.14.2
   '@inquirer/prompts':
     specifier: ^3.3.0
     version: 3.3.0
+  magicast:
+    specifier: ^0.3.2
+    version: 0.3.2
   pkg-types:
     specifier: ^1.0.3
     version: 1.0.3
@@ -135,12 +141,17 @@ packages:
       find-up: 7.0.0
     dev: true
 
+  /@antfu/ni@0.21.12:
+    resolution: {integrity: sha512-2aDL3WUv8hMJb2L3r/PIQWsTLyq7RQr3v9xD16fiz6O8ys1xEyLhhTOv8gxtZvJiTzjTF5pHoArvRdesGL1DMQ==}
+    hasBin: true
+    dev: false
+
   /@antfu/utils@0.7.6:
     resolution: {integrity: sha512-pvFiLP2BeOKA/ZOS6jxx4XhKzdVLHDhGlFEaZ2flWWYf2xOqVniqpk38I04DFRyz+L0ASggl7SkItTc+ZLju4w==}
     dev: true
 
-  /@ast-grep/cli-darwin-arm64@0.14.1:
-    resolution: {integrity: sha512-mJtzgfvPswpfyIS5zWksCZ9y+vTWXEUl/5B28Co5QSU0ezu3fkBljlrPGfmb6+R4pWl8VM36x8Nv1ENKpjXavA==}
+  /@ast-grep/cli-darwin-arm64@0.14.2:
+    resolution: {integrity: sha512-l6UUYwSy6sDWeCMHtfFlK1LJrs8ltENBvO47WhfIRgPNjzW9jzsuXDMQMn8ulaYJLrII+bMDarGi7noSC/k21g==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
@@ -148,8 +159,8 @@ packages:
     dev: false
     optional: true
 
-  /@ast-grep/cli-darwin-x64@0.14.1:
-    resolution: {integrity: sha512-dDjw9vaZu4N4YuzMs4WZAuRmC2qMVDiteYmhQB6wgIYrODyPoqH7jvZOTKGYh/ZOnbzUGM5S3wyNiTugIcQm2Q==}
+  /@ast-grep/cli-darwin-x64@0.14.2:
+    resolution: {integrity: sha512-zxvIFY+VjGrIY5NCc1dovTJkma9toIATSBKXfDL7kDlZa+jN+ni7e7wRtQiAmlFZpLqVerdM4Per3BJyhCaPJQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
@@ -157,8 +168,8 @@ packages:
     dev: false
     optional: true
 
-  /@ast-grep/cli-linux-arm64-gnu@0.14.1:
-    resolution: {integrity: sha512-aJqcfWsHAwT2YtiX2ZjaAm+KGp1vRrnJvoqbAx1nGXk7LuE986tv8SS4RN+F9g/lVCXzDZSBNR/mdZf/b8rN4A==}
+  /@ast-grep/cli-linux-arm64-gnu@0.14.2:
+    resolution: {integrity: sha512-dn7nsEVboNGJl2dC8Bg7AAHmzdxbYTmq+Ej5kxAYGLfiEdaTwitfOgsygH6x2Bz2N0QwX07KtT6wPf/2UN68ow==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
@@ -166,8 +177,8 @@ packages:
     dev: false
     optional: true
 
-  /@ast-grep/cli-linux-x64-gnu@0.14.1:
-    resolution: {integrity: sha512-8EUNb7PQIJI3494P8P137Hiv4m7dimb44csXopSHqXX3qjxRZN7YmIyShf2nGFt8kViSqxjnr4S1k4uM+0Vexg==}
+  /@ast-grep/cli-linux-x64-gnu@0.14.2:
+    resolution: {integrity: sha512-9CihQ90nbncGmGfKKdO30uiKvAOGIuMFJnGLwBrup7NwrrFwYlhBvhf9mH1ZiFREUfeLn+Wkt5lRyKl6c+lQNw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
@@ -175,8 +186,8 @@ packages:
     dev: false
     optional: true
 
-  /@ast-grep/cli-win32-arm64-msvc@0.14.1:
-    resolution: {integrity: sha512-7HhgD/bqsdm2ciGZi5TdjAqx5hf0ml/j9h3oFW/vpXFliA60AW71u7KezEeQIlhWa5KoXbCFkhSvHMN10sNmmw==}
+  /@ast-grep/cli-win32-arm64-msvc@0.14.2:
+    resolution: {integrity: sha512-I+ffWrmHZ5hj+Sy4HUXE5i6AxN5XleDt06F47duRnTn5uo0KRQngtWxUez/m4YvpzVJEmYEhlQuVE5cZJbH74g==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
@@ -184,8 +195,8 @@ packages:
     dev: false
     optional: true
 
-  /@ast-grep/cli-win32-ia32-msvc@0.14.1:
-    resolution: {integrity: sha512-8/Kvbb0v9zd+/9tzQwK+xkhEAtkpdEmKqrPGY1cjuz6VWdMJyE8rg5PLcjVxBfaqQtO9gb/whrmr53TwuMizrg==}
+  /@ast-grep/cli-win32-ia32-msvc@0.14.2:
+    resolution: {integrity: sha512-Iux+Aoc9SO1V6lD9qCqeQFp/RwwrQ8k4Yohk6jO0855tGXrexo4ZnVAsam6w/b/XPDu/VkeuVC+ezHyKWcifMg==}
     engines: {node: '>= 10'}
     cpu: [ia32]
     os: [win32]
@@ -193,8 +204,8 @@ packages:
     dev: false
     optional: true
 
-  /@ast-grep/cli-win32-x64-msvc@0.14.1:
-    resolution: {integrity: sha512-f+9t0+jWa/lntgojXEs/YAplf9hpgIOFToE6JmSo1+vU0fCk/T+VIu8zfnaIahrIKDMYA2cKAAB2qjdlS4WtsQ==}
+  /@ast-grep/cli-win32-x64-msvc@0.14.2:
+    resolution: {integrity: sha512-0B3JDRb7J2tQYAWE6PdmnNwYEsXRaGsBaMtGl1PGFhr4ozGpN1ZwnsqjrwYk7CL3TMoQo/BqwwgDSkdY8ScTJQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
@@ -202,21 +213,21 @@ packages:
     dev: false
     optional: true
 
-  /@ast-grep/cli@0.14.1:
-    resolution: {integrity: sha512-YPHp8VBox+hH+b0YBX1hADFYh93zElXNwJ57fKJCfRyF4DriUSaf0ioXcIPdDFExhs5UqD1fllJSI/njNCI0zg==}
+  /@ast-grep/cli@0.14.2:
+    resolution: {integrity: sha512-u3JG/Hjun/uRzlxzNOBTEZwLXACKqT0/+nPpIZpnzF+KPcOoUGpsVy8ZLiS7F8Zkd9QoYQuNiSW1joZ0vObFsQ==}
     engines: {node: '>= 12.0.0'}
     hasBin: true
     requiresBuild: true
     dependencies:
       detect-libc: 2.0.2
     optionalDependencies:
-      '@ast-grep/cli-darwin-arm64': 0.14.1
-      '@ast-grep/cli-darwin-x64': 0.14.1
-      '@ast-grep/cli-linux-arm64-gnu': 0.14.1
-      '@ast-grep/cli-linux-x64-gnu': 0.14.1
-      '@ast-grep/cli-win32-arm64-msvc': 0.14.1
-      '@ast-grep/cli-win32-ia32-msvc': 0.14.1
-      '@ast-grep/cli-win32-x64-msvc': 0.14.1
+      '@ast-grep/cli-darwin-arm64': 0.14.2
+      '@ast-grep/cli-darwin-x64': 0.14.2
+      '@ast-grep/cli-linux-arm64-gnu': 0.14.2
+      '@ast-grep/cli-linux-x64-gnu': 0.14.2
+      '@ast-grep/cli-win32-arm64-msvc': 0.14.2
+      '@ast-grep/cli-win32-ia32-msvc': 0.14.2
+      '@ast-grep/cli-win32-x64-msvc': 0.14.2
     dev: false
 
   /@babel/code-frame@7.23.5:
@@ -397,12 +408,10 @@ packages:
   /@babel/helper-string-parser@7.23.4:
     resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==}
     engines: {node: '>=6.9.0'}
-    dev: true
 
   /@babel/helper-validator-identifier@7.22.20:
     resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==}
     engines: {node: '>=6.9.0'}
-    dev: true
 
   /@babel/helper-validator-option@7.23.5:
     resolution: {integrity: sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==}
@@ -436,7 +445,6 @@ packages:
     hasBin: true
     dependencies:
       '@babel/types': 7.23.5
-    dev: true
 
   /@babel/plugin-syntax-jsx@7.23.3(@babel/core@7.23.5):
     resolution: {integrity: sha512-EB2MELswq55OHUoRZLGg/zC7QWUKfNLpE57m/S2yr1uEneIgsTgrSzXP3NXEsMkVn76OlaVVnzN+ugObuYGwhg==}
@@ -536,7 +544,6 @@ packages:
       '@babel/helper-string-parser': 7.23.4
       '@babel/helper-validator-identifier': 7.22.20
       to-fast-properties: 2.0.0
-    dev: true
 
   /@es-joy/jsdoccomment@0.41.0:
     resolution: {integrity: sha512-aKUhyn1QI5Ksbqcr3fFJj16p99QdjUxXAEuFst1Z47DRyoiMwivIH9MV/ARcJOCXVjPfjITciej8ZD2O/6qUmw==}
@@ -3525,6 +3532,14 @@ packages:
       '@jridgewell/sourcemap-codec': 1.4.15
     dev: true
 
+  /magicast@0.3.2:
+    resolution: {integrity: sha512-Fjwkl6a0syt9TFN0JSYpOybxiMCkYNEeOTnOTNRbjphirLakznZXAqrXgj/7GG3D1dvETONNwrBfinvAbpunDg==}
+    dependencies:
+      '@babel/parser': 7.23.5
+      '@babel/types': 7.23.5
+      source-map-js: 1.0.2
+    dev: false
+
   /map-stream@0.1.0:
     resolution: {integrity: sha512-CkYQrPYZfWnu/DAmVCpTSX/xHpKZ80eKh2lAkyA6AJTef6bW+6JpbQZN5rofum7da+SyN1bi5ctTm+lTfcCW3g==}
     dev: false
@@ -4542,7 +4557,6 @@ packages:
   /source-map-js@1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /spdx-correct@3.2.0:
     resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
@@ -4721,7 +4735,6 @@ packages:
   /to-fast-properties@2.0.0:
     resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
     engines: {node: '>=4'}
-    dev: true
 
   /to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
diff --git a/src/common/constants.ts b/src/common/constants.ts
new file mode 100644
index 0000000..d15b40e
--- /dev/null
+++ b/src/common/constants.ts
@@ -0,0 +1,39 @@
+export const officialMacros = [
+  { name: 'define-options', value: 'defineOptions', volar: true, status: 'official' },
+  { name: 'define-slots', value: 'defineSlots', volar: true, status: 'official' },
+  { name: 'define-emits', value: 'defineEmits', volar: true, status: 'official' },
+] as const
+
+export const stableMacros = [
+  { name: 'define-models', value: 'defineModels', volar: true, status: 'stable' },
+  { name: 'define-props', value: 'defineProps', volar: true, status: 'stable' },
+  { name: 'define-props-refs', value: 'definePropsRefs', volar: true, status: 'stable' },
+  { name: 'define-render', value: 'defineRender', volar: false, status: 'stable' },
+  { name: 'short-vmodel', value: 'shortVmodel', volar: true, status: 'stable' },
+  { name: 'reactivity-transform', value: 'reactivityTransform', volar: false, status: 'stable' },
+] as const
+
+export const experimentalMacros = [
+  { name: 'short-bind', value: 'shortBind', volar: true, status: 'experimental' },
+  { name: 'define-prop', value: 'defineProp', volar: true, status: 'experimental' },
+  { name: 'define-emit', value: 'defineEmit', volar: false, status: 'experimental' },
+  { name: 'setup-component', value: 'setupComponent', volar: false, status: 'experimental' },
+  { name: 'setup-sfc', value: 'setupSFC', volar: false, status: 'experimental' },
+  { name: 'export-props', value: 'exportProps', volar: true, status: 'experimental' },
+  { name: 'export-expose', value: 'exportExpose', volar: true, status: 'experimental' },
+  { name: 'export-render', value: 'exportRender', volar: true, status: 'experimental' },
+  { name: 'chain-call', value: 'chainCall', volar: false, status: 'experimental' },
+  { name: 'jsx-directive', value: 'jsxDirective', volar: true, status: 'experimental' },
+  { name: 'boolean-prop', value: 'booleanProp', volar: false, status: 'experimental' },
+] as const
+
+export const vueMacros = [
+  ...officialMacros,
+  ...stableMacros,
+  ...experimentalMacros,
+] as const
+
+export type VueMacros = Partial<Record<
+  typeof vueMacros[number]['value'],
+  any
+>>
diff --git a/src/common/general.ts b/src/common/general.ts
new file mode 100644
index 0000000..4b84353
--- /dev/null
+++ b/src/common/general.ts
@@ -0,0 +1,4 @@
+const camelizeRE = /-(\w)/g
+export function camelize(str: string): string {
+  return str.replace(camelizeRE, (_, c) => (c ? c.toUpperCase() : ''))
+}
diff --git a/src/common/index.ts b/src/common/index.ts
new file mode 100644
index 0000000..153c795
--- /dev/null
+++ b/src/common/index.ts
@@ -0,0 +1,2 @@
+export * from './constants'
+export * from './general'
diff --git a/src/index.ts b/src/index.ts
index 463dff9..573edcf 100755
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,9 +1,8 @@
 #! /usr/bin/env node
-import { fileURLToPath } from 'node:url'
-import process from 'node:process'
-import { $, argv, chalk, fs, glob, path } from 'zx'
-import { select } from '@inquirer/prompts'
+import { $, argv, chalk, path } from 'zx'
 import { readPackageJSON } from 'pkg-types'
+import { init } from './init/index'
+import { sg } from './sg'
 
 function printHelp() {
   console.log(`
@@ -16,6 +15,7 @@ ${chalk.underline('Directory:')}
 
 ${chalk.underline('Commands:')}
   sg        Rewrite code in specified directory
+  init      Auto config for Vue Macros
  
 ${chalk.underline('Options:')}
   -h, --help    Print help (see more with '--help')
@@ -23,94 +23,18 @@ ${chalk.underline('Options:')}
   `)
 }
 
-const dirname = path.dirname(fileURLToPath(import.meta.url))
+const target = path.resolve(argv._.at(1) || '.')
 if (argv.v || argv.version) {
-  const localPackageJson = await readPackageJSON(dirname)
+  const localPackageJson = await readPackageJSON(import.meta.url)
   console.log(`${localPackageJson.name} ${localPackageJson.version}`)
-  process.exit()
 }
-
-if (argv._[0] !== 'sg' || argv.help || argv.h) {
-  printHelp()
-  process.exit()
+else if (argv._[0] === 'init') {
+  await init(target)
 }
-
-$.verbose = false
-
-let macro = await select({
-  message: chalk.green(
-    `Which vue macro do you want to use?`,
-  ),
-  choices: [
-    { value: 'jsx-directive' },
-    { value: 'setup-sfc' },
-    { value: 'short-v-model' },
-    { value: 'define-slots' },
-  ],
-})
-
-let render
-if (macro === 'jsx-directive') {
-  render = await select({
-    message: chalk.green(
-      `Which render macro do you want to use?`,
-    ),
-    choices: [
-      { value: 'define-render' },
-      { value: 'export-render' },
-    ],
-  })
-}
-
-if (macro === 'short-v-model') {
-  macro = await select({
-    message: chalk.green(
-      `Which prefix do you want to use?`,
-    ),
-    choices: [
-      { name: '$', value: 'short-v-model 1', description: '$foo="foo"' },
-      { name: '::', value: 'short-v-model 2', description: '::foo="foo"' },
-      { name: '*', value: 'short-v-model 3', description: '*foo="foo"' },
-    ],
-  })
-}
-
-const target = path.resolve(argv._.at(1) || './src')
-async function toSetupSFC() {
-  const extname = path.extname(target)
-  const files = await glob(`${target}${extname ? '' : '/**/*.vue'}`, {
-    ignore: [
-      '**/node_modules/**',
-    ],
-  })
-
-  await Promise.all(files.map(async file => fs.move(file, `${file.slice(0, -3)}setup.tsx`)))
-}
-
-const config = `${dirname}/sgconfig`
-const sg = path.resolve(dirname, '../node_modules/.bin/ast-grep')
-async function useTsx(cb = () => {}, action = 'clean') {
-  await $`${sg} scan -c ${config}.yml -U --filter '^setup-sfc start' ${target}`
-  await $`${sg} scan -c ${config}.yml -U --filter '^setup-sfc end' ${target}`
-  await cb()
-  await $`${sg} scan -c ${config}-tsx.yml -U --filter '^setup-sfc ${action}' ${target}`
-}
-
-if (['jsx-directive', 'setup-sfc'].includes(macro)) {
-  await $`${sg} scan -c ${config}.yml -U --filter '^self-closing-tag' ${target}`
-  await $`${sg} scan -c ${config}.yml -U --filter '^v-' ${target}`
-  await $`${sg} scan -c ${config}.yml -U --filter '^${macro === 'setup-sfc' ? 'export-render' : render}' ${target}`
-  await useTsx(async () => {
-    await $`${sg} scan -c ${config}-tsx.yml -U --filter '^v-' ${target}`
-    await $`${sg} scan -c ${config}-tsx.yml -U --filter '^define-emits' ${target}`
-  }, macro === 'setup-sfc' ? 'delete' : 'clean')
-
-  if (macro === 'setup-sfc')
-    toSetupSFC()
-}
-else if (macro === 'define-slots') {
-  await useTsx(() => $`${sg} scan -c ${config}-tsx.yml -U --filter '^define-slots' ${target}`)
+else if (argv._[0] === 'sg') {
+  $.verbose = false
+  sg(target)
 }
 else {
-  await $`${sg} scan -c ${config}.yml -U --filter ^${macro} ${target}`
+  printHelp()
 }
diff --git a/src/init/index.ts b/src/init/index.ts
new file mode 100644
index 0000000..75e029f
--- /dev/null
+++ b/src/init/index.ts
@@ -0,0 +1,57 @@
+import { checkbox, select } from '@inquirer/prompts'
+import { chalk } from 'zx'
+import type { VueMacros } from '../common'
+import { experimentalMacros, stableMacros } from '../common'
+import { rewriteNuxtConfig } from './nuxt'
+import { rewriteTsConfig } from './tsconfig'
+import { rewriteViteConfig } from './vite'
+import { rewritePackage } from './package'
+
+export async function init(target: string) {
+  const selectedMacros = (await checkbox({
+    message: chalk.green(`Which vue macros do you want to use?`),
+    choices: [
+      ...stableMacros.slice(-2),
+      ...experimentalMacros,
+    ],
+    pageSize: 13,
+  })).reduce((result, macro) => {
+    result[macro] = true
+    return result
+  }, {} as VueMacros)
+
+  if (selectedMacros.exportProps && selectedMacros.exportExpose) {
+    const exportFeature = (await select({
+      message: chalk.green(`Which export feature do you want to use?`),
+      choices: [
+        ...experimentalMacros.filter(macro => ['exportExpose', 'exportProps'].includes(macro.value)),
+      ],
+    }))
+    delete selectedMacros[exportFeature === 'exportExpose' ? 'exportProps' : 'exportExpose']
+  }
+
+  if (selectedMacros.shortVmodel) {
+    const prefix = await select({
+      message: chalk.green(`Which prefix of short-vmodel do you want to use?`),
+      choices: [
+        { value: '$' },
+        { value: '::' },
+        { value: '*' },
+      ],
+    }) as any
+
+    selectedMacros.shortVmodel = { prefix }
+  }
+
+  await rewriteConfig(selectedMacros, target)
+}
+
+export async function rewriteConfig(macros: VueMacros, target: string) {
+  await rewriteNuxtConfig(macros, target)
+
+  await rewriteViteConfig(macros, target)
+
+  await rewriteTsConfig(macros, target)
+
+  await rewritePackage(macros, target)
+}
diff --git a/src/init/nuxt.ts b/src/init/nuxt.ts
new file mode 100644
index 0000000..a6dbbae
--- /dev/null
+++ b/src/init/nuxt.ts
@@ -0,0 +1,27 @@
+import { loadFile, writeFile } from 'magicast'
+import { addNuxtModule, getDefaultExportOptions } from 'magicast/helpers'
+import { fs } from 'zx'
+import type { VueMacros } from '../common'
+
+export async function rewriteNuxtConfig(macros: VueMacros, target: string) {
+  const filename = `${target}/nuxt.config.ts`
+  if (!await fs.pathExists(filename))
+    return
+
+  const config = await loadFile(filename)
+
+  const defaultExport = getDefaultExportOptions(config)
+  if (!defaultExport)
+    return
+
+  addNuxtModule(config, '@vue-macros/nuxt', 'macros', macros)
+
+  // prevent exportProps and exportExpose co-usage
+  const vueMacrosOptions = getDefaultExportOptions(config).macros
+  for (const macro of Object.keys(macros)) {
+    if (['exportProps', 'exportExpose'].includes(macro))
+      delete vueMacrosOptions[macro === 'exportProps' ? 'exportExpose' : 'exportProps']
+  }
+
+  await writeFile(config, filename)
+}
diff --git a/src/init/package.ts b/src/init/package.ts
new file mode 100644
index 0000000..9f17883
--- /dev/null
+++ b/src/init/package.ts
@@ -0,0 +1,38 @@
+import { fileURLToPath } from 'node:url'
+import { readPackageJSON } from 'pkg-types'
+import { $, path } from 'zx'
+import type { VueMacros } from '../common'
+
+export async function rewritePackage(macros: VueMacros, target: string) {
+  const packageJson = await readPackageJSON(target)
+  if (!packageJson)
+    return
+
+  const ni = path.resolve(
+    path.dirname(fileURLToPath(import.meta.url)),
+    '../node_modules/.bin/ni',
+  )
+
+  async function installDeps(deps: string[]) {
+    const devDeps = deps.filter(dep =>
+      !packageJson.dependencies?.[dep]
+      && !packageJson.devDependencies?.[dep]
+      && !packageJson.peerDependencies?.[dep]
+      && !packageJson.optionalDependencies?.[dep],
+    )
+
+    if (devDeps)
+      return $`${ni} ${devDeps} -D`
+  }
+
+  const deps = [
+    '@vue-macros/volar',
+    '@vitejs/plugin-vue',
+    'unplugin-vue-macros',
+    'typescript',
+  ]
+  if (macros.jsxDirective || macros.setupSFC)
+    deps.push('@vitejs/plugin-vue-jsx', '@vue/babel-helper-vue-transform-on')
+
+  await installDeps(deps)
+}
diff --git a/src/init/tsconfig.ts b/src/init/tsconfig.ts
new file mode 100644
index 0000000..1c2cacf
--- /dev/null
+++ b/src/init/tsconfig.ts
@@ -0,0 +1,46 @@
+import type { TSConfig } from 'pkg-types'
+import { readTSConfig, writeTSConfig } from 'pkg-types'
+import type { VueMacros } from '../common'
+import { vueMacros } from '../common'
+
+export async function rewriteTsConfig(selectedMacros: VueMacros, target: string) {
+  const tsconfig = await readTSConfig(target) as TSConfig & { vueCompilerOptions?: any }
+  if (!tsconfig)
+    return
+
+  const macros = vueMacros.reduce((result, macro) => {
+    if (macro.volar) {
+      if (['stable', 'official'].includes(macro.status))
+        result[macro.name] = true
+
+      if (selectedMacros[macro.value])
+        result[macro.name] = selectedMacros[macro.value]
+    }
+    return result
+  }, {} as Record<
+    typeof vueMacros[number]['name'],
+    any
+  >)
+
+  const vueCompilerOptions = tsconfig.vueCompilerOptions ??= {}
+  const plugins = vueCompilerOptions.plugins ??= []
+  for (const [macro, options] of Object.entries(macros)) {
+    if (macro === 'short-vmodel') {
+      const vueMacros = vueCompilerOptions.vueMacros ??= {}
+      vueMacros.shortVmodel = options
+    }
+
+    // prevent exportProps and exportExpose co-usage
+    if (['export-props', 'export-expose'].includes(macro)) {
+      const exportPropsIndex = plugins.indexOf(`@vue-macros/volar/export-props`)
+      exportPropsIndex > -1 && plugins.splice(exportPropsIndex, 1)
+      const exportExposeIndex = plugins.indexOf(`@vue-macros/volar/export-expose`)
+      exportExposeIndex > -1 && plugins.splice(exportExposeIndex, 1)
+    }
+
+    if (!plugins.includes(`@vue-macros/volar/${macro}`))
+      plugins.push(`@vue-macros/volar/${macro}`)
+  }
+
+  await writeTSConfig(`${target}/tsconfig.json`, tsconfig)
+}
diff --git a/src/init/vite.ts b/src/init/vite.ts
new file mode 100644
index 0000000..ec65220
--- /dev/null
+++ b/src/init/vite.ts
@@ -0,0 +1,68 @@
+import type { ProxifiedFunctionCall } from 'magicast'
+import { loadFile, writeFile } from 'magicast'
+import { addVitePlugin, findVitePluginCall, getDefaultExportOptions, updateVitePluginConfig } from 'magicast/helpers'
+import { fs } from 'zx'
+import type { VueMacros } from '../common'
+
+export async function rewriteViteConfig(macros: VueMacros, target: string) {
+  const filename = `${target}/vite.config.ts`
+  if (!await fs.pathExists(filename))
+    return
+
+  const config = await loadFile(filename)
+
+  function getVitePlugin(from: string, constructor: string) {
+    const plugin = findVitePluginCall(config, from)
+    if (!plugin && !config.imports.$items.find(item => item.from === from)) {
+      addVitePlugin(config, {
+        from,
+        constructor,
+      })
+    }
+
+    return findVitePluginCall(config, from)
+  }
+
+  const vueMacros = getVitePlugin('unplugin-vue-macros/vite', 'VueMacros')
+  if (!vueMacros)
+    return
+
+  const vueMacrosOptions = vueMacros.$args[0] ??= {} as any
+
+  const vue: ProxifiedFunctionCall = vueMacrosOptions?.plugins?.vue || getVitePlugin('@vitejs/plugin-vue', 'Vue')
+  if (vue && macros.setupSFC) {
+    vue.$args[0] ?? vue.$args.push({})
+    const arg = vue.$args[0] as any
+    arg.include ??= [/\.vue$/, /\.setup\.[cm]?[jt]sx?$/]
+  }
+
+  const vueJsx: ProxifiedFunctionCall = vueMacrosOptions?.plugins?.vueJsx || getVitePlugin('@vitejs/plugin-vue-jsx', 'VueJsx')
+  if (vueJsx && (macros.jsxDirective || macros.setupSFC)) {
+    vueJsx.$args[0] ?? vueJsx.$args.push({})
+    const arg = vueJsx.$args[0] as any
+    arg.transformOn = true
+  }
+
+  updateVitePluginConfig(config, 'unplugin-vue-macros/vite', {
+    ...macros,
+    plugins: {
+      ...vue ? { vue } : {},
+      ...vueJsx ? { vueJsx } : {},
+    },
+  })
+
+  // prevent exportProps and exportExpose co-usage
+  for (const macro of Object.keys(macros)) {
+    if (['exportProps', 'exportExpose'].includes(macro))
+      delete vueMacrosOptions[macro === 'exportProps' ? 'exportExpose' : 'exportProps']
+  }
+
+  // remove vue & vueJsx in vite plugins
+  const plugins = getDefaultExportOptions(config).plugins ??= []
+  const vueIndex = plugins.findIndex((plugin: any) => plugin.$callee === vue?.$callee)
+  vueIndex > -1 && plugins.splice(vueIndex, 1)
+  const vueJsxIndex = plugins.findIndex((plugin: any) => plugin.$callee === vueJsx?.$callee)
+  vueJsxIndex > -1 && plugins.splice(vueJsxIndex, 1)
+
+  await writeFile(config, filename)
+}
diff --git a/src/sg/index.ts b/src/sg/index.ts
new file mode 100644
index 0000000..95f5c00
--- /dev/null
+++ b/src/sg/index.ts
@@ -0,0 +1,97 @@
+import { fileURLToPath } from 'node:url'
+import { $, chalk, fs, glob, path } from 'zx'
+import { select } from '@inquirer/prompts'
+import { rewriteConfig } from '../init/index'
+import { camelize } from '../common'
+
+async function toSetupSFC(target: string) {
+  const extname = path.extname(target)
+  const files = await glob(`${target}${extname ? '' : '/**/*.vue'}`, {
+    ignore: [
+      '**/node_modules/**',
+    ],
+  })
+
+  await Promise.all(files.map(async file => fs.move(file, `${file.slice(0, -3)}setup.tsx`)))
+}
+
+export async function sg(target: string) {
+  let macro = await select({
+    message: chalk.green(
+    `Which vue macro do you want to use?`,
+    ),
+    choices: [
+      { value: 'jsx-directive' },
+      { value: 'setup-sfc' },
+      { value: 'short-vmodel' },
+      { value: 'define-slots' },
+    ],
+  })
+
+  if (macro === 'jsx-directive') {
+    macro = await select({
+      message: chalk.green(
+      `Which render macro do you want to use?`,
+      ),
+      choices: [
+        { value: 'define-render' },
+        { value: 'export-render' },
+      ],
+    })
+  }
+
+  if (macro === 'short-vmodel') {
+    macro = await select({
+      message: chalk.green(
+      `Which prefix do you want to use?`,
+      ),
+      choices: [
+        { name: '$', value: 'short-vmodel 0', description: '$foo="foo"' },
+        { name: '::', value: 'short-vmodel 1', description: '::foo="foo"' },
+        { name: '*', value: 'short-vmodel 2', description: '*foo="foo"' },
+      ],
+    })
+  }
+
+  const dirname = path.dirname(fileURLToPath(import.meta.url))
+  const config = `${dirname}/sg/sgconfig`
+  const sg = path.resolve(dirname, '../node_modules/.bin/ast-grep')
+  async function useTsx(cb = () => {}, action = 'clean') {
+    await $`${sg} scan -c ${config}.yml -U --filter '^setup-sfc start' ${target}`
+    await $`${sg} scan -c ${config}.yml -U --filter '^setup-sfc end' ${target}`
+    await cb()
+    await $`${sg} scan -c ${config}-tsx.yml -U --filter '^setup-sfc ${action}' ${target}`
+  }
+
+  if (['setup-sfc', 'define-render', 'export-render'].includes(macro)) {
+    await $`${sg} scan -c ${config}.yml -U --filter '^self-closing-tag' ${target}`
+    await $`${sg} scan -c ${config}.yml -U --filter '^v-' ${target}`
+    await $`${sg} scan -c ${config}.yml -U --filter '^${macro === 'setup-sfc' ? 'export-render' : macro}' ${target}`
+    await useTsx(async () => {
+      await $`${sg} scan -c ${config}-tsx.yml -U --filter '^v-' ${target}`
+      await $`${sg} scan -c ${config}-tsx.yml -U --filter '^define-emits' ${target}`
+    }, macro === 'setup-sfc' ? 'delete' : 'clean')
+
+    const macros: any = { jsxDirective: true, defineRender: true }
+    if (macro === 'setup-sfc') {
+      await toSetupSFC(target)
+      macros.setupSFC = true
+    }
+    else {
+      macros[camelize(macro)] = true
+    }
+    await rewriteConfig(macros, target)
+  }
+  else if (macro === 'define-slots') {
+    await useTsx(() => $`${sg} scan -c ${config}-tsx.yml -U --filter '^define-slots' ${target}`)
+    await rewriteConfig({ defineSlots: true }, target)
+  }
+  else if (macro.startsWith('short-vmodel')) {
+    await $`${sg} scan -c ${config}.yml -U --filter ^${macro} ${target}`
+    await rewriteConfig({
+      shortVmodel: {
+        prefix: ['$', '::', '*'][+macro.split(' ')[1]],
+      },
+    }, target)
+  }
+}
diff --git a/src/rules/define-emits.yml b/src/sg/rules/define-emits.yml
similarity index 100%
rename from src/rules/define-emits.yml
rename to src/sg/rules/define-emits.yml
diff --git a/src/rules/define-slots.yml b/src/sg/rules/define-slots.yml
similarity index 100%
rename from src/rules/define-slots.yml
rename to src/sg/rules/define-slots.yml
diff --git a/src/rules/jsx-directive/v-bind.yml b/src/sg/rules/jsx-directive/v-bind.yml
similarity index 100%
rename from src/rules/jsx-directive/v-bind.yml
rename to src/sg/rules/jsx-directive/v-bind.yml
diff --git a/src/rules/jsx-directive/v-directive.yml b/src/sg/rules/jsx-directive/v-directive.yml
similarity index 100%
rename from src/rules/jsx-directive/v-directive.yml
rename to src/sg/rules/jsx-directive/v-directive.yml
diff --git a/src/rules/jsx-directive/v-on.yml b/src/sg/rules/jsx-directive/v-on.yml
similarity index 100%
rename from src/rules/jsx-directive/v-on.yml
rename to src/sg/rules/jsx-directive/v-on.yml
diff --git a/src/rules/jsx-directive/v-slot.yml b/src/sg/rules/jsx-directive/v-slot.yml
similarity index 100%
rename from src/rules/jsx-directive/v-slot.yml
rename to src/sg/rules/jsx-directive/v-slot.yml
diff --git a/src/rules/jsx-directive/v-tag.yml b/src/sg/rules/jsx-directive/v-tag.yml
similarity index 100%
rename from src/rules/jsx-directive/v-tag.yml
rename to src/sg/rules/jsx-directive/v-tag.yml
diff --git a/src/rules/jsx-directive/v-text.yml b/src/sg/rules/jsx-directive/v-text.yml
similarity index 100%
rename from src/rules/jsx-directive/v-text.yml
rename to src/sg/rules/jsx-directive/v-text.yml
diff --git a/src/rules/render/define-render.yml b/src/sg/rules/render/define-render.yml
similarity index 100%
rename from src/rules/render/define-render.yml
rename to src/sg/rules/render/define-render.yml
diff --git a/src/rules/render/export-render.yml b/src/sg/rules/render/export-render.yml
similarity index 100%
rename from src/rules/render/export-render.yml
rename to src/sg/rules/render/export-render.yml
diff --git a/src/rules/setup-sfc.yml b/src/sg/rules/setup-sfc.yml
similarity index 100%
rename from src/rules/setup-sfc.yml
rename to src/sg/rules/setup-sfc.yml
diff --git a/src/rules/short-v-model.yml b/src/sg/rules/short-vmodel.yml
similarity index 90%
rename from src/rules/short-v-model.yml
rename to src/sg/rules/short-vmodel.yml
index 9d98c86..430fc10 100644
--- a/src/rules/short-v-model.yml
+++ b/src/sg/rules/short-vmodel.yml
@@ -1,4 +1,4 @@
-id: short-v-model 1
+id: short-vmodel 0
 language: html
 rule:
   kind: attribute_name
@@ -15,7 +15,7 @@ fix:
 
 ---
 
-id: short-v-model 2
+id: short-vmodel 1
 language: html
 rule:
   kind: attribute_name
@@ -32,7 +32,7 @@ fix:
 
 ---
 
-id: short-v-model 3
+id: short-vmodel 2
 language: html
 rule:
   kind: attribute_name
diff --git a/src/sgconfig-tsx.yml b/src/sg/sgconfig-tsx.yml
similarity index 100%
rename from src/sgconfig-tsx.yml
rename to src/sg/sgconfig-tsx.yml
diff --git a/src/sgconfig.yml b/src/sg/sgconfig.yml
similarity index 100%
rename from src/sgconfig.yml
rename to src/sg/sgconfig.yml
diff --git a/src/utils/is-event.yml b/src/sg/utils/is-event.yml
similarity index 100%
rename from src/utils/is-event.yml
rename to src/sg/utils/is-event.yml
diff --git a/src/utils/is-fragment.yml b/src/sg/utils/is-fragment.yml
similarity index 100%
rename from src/utils/is-fragment.yml
rename to src/sg/utils/is-fragment.yml
diff --git a/src/utils/is-script.yml b/src/sg/utils/is-script.yml
similarity index 100%
rename from src/utils/is-script.yml
rename to src/sg/utils/is-script.yml
diff --git a/src/utils/is-template.yml b/src/sg/utils/is-template.yml
similarity index 100%
rename from src/utils/is-template.yml
rename to src/sg/utils/is-template.yml

From b54b5908492b9505f0f2434851c64152dbf3ed7d Mon Sep 17 00:00:00 2001
From: gaokefei <260480378@qq.com>
Date: Wed, 6 Dec 2023 00:01:29 +0800
Subject: [PATCH 4/4] chore: release v1.1.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 48deeaa..83300b4 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vue-macros/cli",
   "type": "module",
-  "version": "1.0.10",
+  "version": "1.1.0",
   "packageManager": "pnpm@8.10.5",
   "description": "Rewriting at vue macros powered by ast-grep.",
   "author": "zhiyuanzmj <zhiyuanzmj@gmail.com>",