chore: init

Author: zhiyuanzmj

.npmrc

@@ -1 +1 @@
-shamefully-hoist=true
+shamefully-hoist=true

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021-PRESENT Anthony Fu <https://github.com/zhiyuanzmj>
+Copyright (c) 2021-PRESENT zhiyuanzmj <https://github.com/zhiyuanzmj>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,134 +1,20 @@
-# transformer-attributify-jsx-sg
+# vue-macros-sg
 
-<!-- @unocss-ignore -->
+vue-macros-sg is a cli for rewriting at vue macros powered by ast-grep.
 
-Support [valueless attributify](https://github.com/unocss/unocss/tree/main/packages/preset-attributify#valueless-attributify) in JSX/TSX. \
-Using [ast-grep](https://github.com/ast-grep/ast-grep) to match attributes, Thanks for [HerringtonDarkholme](https://github.com/HerringtonDarkholme).
+## Support vue macros
 
-### Benchmark
-`pnpm run bench`
-```
-Running "unocss concurrent transform jsx" suite...
-benchRegexTransform:
-  16 ops/s, ±9.95%   | fastest
-
-benchAstGrepTransform:
-  13 ops/s, ±0.34%   | 18.75% slower
-
-benchSwcTransform:
-  6 ops/s, ±0.84%    | 62.5% slower
-
-benchBabelTransform:
-  2 ops/s, ±1.44%    | slowest, 87.5% slower
-```
+- [x] jsx-directive
+- [x] define-render
+- [x] export-render
+- [x] define-slots
+- [x] short-v-model
+- [x] setup-sfc 
 
 ## Usage
 
-```jsx
-export function Component() {
-  return (
-    <div text-red text-center text-5xl animate-bounce>
-      unocss
-    </div>
-  )
-}
-```
-
-Will be transformed to:
-
-```jsx
-export function Component() {
-  return (
-    <div text-red="" text-center="" text-5xl="" animate-bounce="">
-      unocss
-    </div>
-  )
-}
-```
-
-<details>
-<summary>Without this transformer</summary>
-
-JSX by default will treat valueless attributes as boolean attributes.
-
-```jsx
-export function Component() {
-  return (
-    <div text-red={true} text-center={true} text-5xl={true} animate-bounce={true}>
-      unocss
-    </div>
-  )
-}
-```
-
-</details>
-
-## Install
-
-```bash
-npm i -D transformer-attributify-jsx-sg
-```
-
-```ts
-// uno.config.ts
-import { defineConfig, presetAttributify } from 'unocss'
-import transformerAttributifyJsx from 'transformer-attributify-jsx-sg'
-
-export default defineConfig({
-  // ...
-  presets: [
-    // ...
-    presetAttributify()
-  ],
-  transformers: [
-    transformerAttributifyJsx(), // <--
-  ],
-})
-```
-
-## Caveats
-
-If you encounter any issues with this package, there is [@unocss/transformer-attributify-jsx-babel](https://github.com/unocss/unocss/tree/main/packages/transformer-attributify-jsx-babel) package that uses Babel to transform JSX.
-
-> ⚠️ The rules are almost the same as those of `preset-attributify`, but there are several precautions
-
-```html
-<div translate-x-100% /> <!-- cannot end with `%` -->
-
-<div translate-x-[100px] /> <!-- cannot contain `[` or `]` -->
-```
-
-Instead, you may want to use valued attributes instead:
-
-```html
-<div translate="x-100%" />
-
-<div translate="x-[100px]" />
-```
-
-## Blocklist
-
-This transformer will only transform attributes that are valid UnoCSS utilities.
-You can also `blocklist` bypass some attributes from been transformed.
-
-```js
-transformerAttributifyJsx({
-  blocklist: [/text-[a-zA-Z]*/, 'text-5xl']
-})
-```
-
-```jsx
-<div text-red text-center text-5xl animate-bounce>
-  unocss
-</div>
-```
-
-Will be compiled to:
-
-```html
-<div text-red text-center text-5xl animate-bounce="">
-  unocss
-</div>
+```shell
+npx vue-macros-sg ./src
 ```
 
 ## License

ast-grep/rules/jsx-directive/v-bind.yml

@@ -3,13 +3,18 @@ import { defineBuildConfig } from 'unbuild'
 export default defineBuildConfig({
   entries: [
     'src/index',
+    {
+      builder: 'mkdist',
+      input: './src',
+      outDir: './dist',
+    },
   ],
   clean: true,
   declaration: true,
-  externals: [
-    'magic-string',
-  ],
   rollup: {
-    emitCJS: true,
+    esbuild: {
+      target: 'node16',
+    },
+    // emitCJS: true,
   },
 })