chore: change to cli

Author: zhiyuanzmj

README.md

@@ -1,6 +1,6 @@
-# vue-macros-sg
+# vue-macros-cli
 
-vue-macros-sg is a cli for rewriting at vue macros powered by ast-grep.
+vue-macros-cli is a cli for rewriting at vue macros powered by ast-grep.
 
 ## Support vue macros
 
@@ -14,7 +14,11 @@ vue-macros-sg is a cli for rewriting at vue macros powered by ast-grep.
 ## Usage
 
 ```shell
-npx vue-macros-sg ./src
+# install
+pnpm add -g vue-macros-cli
+
+# run
+vue-macros-cli sg ./src
 ```
 
 ## License

package.json

@@ -1,17 +1,17 @@
 {
-  "name": "vue-macros-sg",
+  "name": "vue-macros-cli",
   "type": "module",
   "version": "0.0.3",
-  "description": "Transform to vue-macros's syntax powered by ast-grep.",
+  "description": "Rewriting at vue macros powered by ast-grep.",
   "author": "zhiyuanzmj <zhiyuanzmj@gmail.com>",
   "license": "MIT",
-  "homepage": "https://github.com/zhiyuanzmj/vue-macros-sg/tree/main#readme",
+  "homepage": "https://github.com/zhiyuanzmj/vue-macros-cli/tree/main#readme",
   "repository": {
     "type": "git",
-    "url": "https://github.com/zhiyuanzmj/vue-macros-sg"
+    "url": "https://github.com/zhiyuanzmj/vue-macros-cli"
   },
   "bugs": {
-    "url": "https://github.com/zhiyuanzmj/vue-macros-sg/issues"
+    "url": "https://github.com/zhiyuanzmj/vue-macros-cli/issues"
   },
   "keywords": [
     "vue-macros",

playground/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "scripts": {
-    "sg": "../dist/index.mjs",
+    "sg": "../dist/index.mjs sg",
     "dev": "vite",
     "build": "vite build"
   },

playground/src/app.vue

@@ -1,9 +1,11 @@
 <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>
@@ -14,8 +16,9 @@ const on = { submit: () => {} }
     v-bind="bind"
     v-model:id="i.id"
     v-loading.fullscreen.lock="true"
+    v-memo="[select.id === i.id]"
     v-on="on"
-    @click.once="alert(1)"
+    @click.once="select = i"
     @submit="alert"
   >
     <template v-slot:default="{ id }">

src/index.ts

@@ -1,8 +1,14 @@
 #! /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'
 
+if (argv._[0] !== 'sg') {
+  console.log(chalk.red('Do you want to use `sg` cmd?'))
+  process.exit()
+}
+
 $.verbose = false
 
 const __filename = fileURLToPath(import.meta.url)
@@ -34,9 +40,9 @@ if (macro === 'jsx-directive') {
   })
 }
 
-const defineShortSlots = 'define-slots'
+let defineSlots = 'define-slots'
 if (['jsx-directive', 'setup-sfc'].includes(macro)) {
-  render = await select({
+  defineSlots = await select({
     message: chalk.green(
       `Which define-slots macro do you want to use?`,
     ),
@@ -60,7 +66,7 @@ if (macro === 'short-v-model') {
   })
 }
 
-const targetDirectory = path.resolve(argv._[0] || '.')
+const targetDirectory = path.resolve(argv._.at(-1) || '.')
 
 const files = await glob(`${targetDirectory}/**/*.vue`, {
   ignore: [
@@ -82,7 +88,7 @@ if (['jsx-directive', 'setup-sfc'].includes(macro)) {
 
   await $`${sg} scan -c ${config} -U --filter '^tsx v-' ${targetDirectory}`
 
-  if (defineShortSlots)
+  if (defineSlots === 'define-short-slots')
     await $`${sg} scan -c ${config} -U --filter 'tsx define-short-slots' ${targetDirectory}`
 
   if (macro === 'setup-sfc') {