feat: remove restructure transform

Author: zhiyuanzmj

README.md

@@ -37,16 +37,11 @@ const foo = ref('foo')
 export default <Comp foo={foo} />
 ```
 
-2. ✅ Turn on the restructure option to restructure props.
+2. ✅ Use the `defineComponent` macro from [@vue-macros/jsx-macros](https://github.com/vue-macros/vue-macros/pull/794) to wrapping.
 
-```ts
-// vite.config.ts
-export default defineConfig({
-  plugins: [
-    VueJsxVapor({
-      restructure: true,
-    }),
-  ],
+```tsx
+defineComponent(({ foo }) => {
+  return <div>{ foo }<div>
 })
 ```
 

package.json

@@ -131,15 +131,15 @@
     "@babel/parser": "^7.24.7",
     "@babel/types": "^7.24.7",
     "@vue-macros/common": "^1.10.4",
-    "@vue-vapor/compiler-core": "3.20240702.0-b44ca85",
-    "@vue-vapor/compiler-dom": "3.20240702.0-b44ca85",
-    "@vue-vapor/compiler-vapor": "3.20240702.0-b44ca85",
-    "@vue-vapor/runtime-vapor": "3.20240702.0-b44ca85",
-    "@vue-vapor/shared": "3.20240702.0-b44ca85",
-    "@vue-vapor/vue": "3.20240702.0-b44ca85",
+    "@vue/compiler-core": "catalog:",
+    "@vue/compiler-dom": "catalog:",
+    "@vue/compiler-vapor": "catalog:",
+    "@vue/runtime-vapor": "catalog:",
+    "@vue/shared": "catalog:",
     "magic-string-stack": "^0.1.1",
     "source-map-js": "^1.2.0",
-    "unplugin": "^1.11.0"
+    "unplugin": "^1.11.0",
+    "vue": "catalog:"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^2.21.2",
@@ -162,10 +162,5 @@
     "vite": "^5.3.2",
     "vitest": "^1.6.0",
     "webpack": "^5.92.1"
-  },
-  "pnpm": {
-    "patchedDependencies": {
-      "@vue-vapor/compiler-vapor@3.20240702.0-b44ca85": "patches/@vue-vapor__compiler-vapor@3.20240702.0-b44ca85.patch"
-    }
   }
 }

patches/@vue-vapor__compiler-vapor@3.20240702.0-b44ca85.patch

@@ -1,7 +1,9 @@
 import { createVaporApp } from 'vue/vapor'
 
-const modules = import.meta.glob<any>('./*.(vue|js)')
-const mod = (modules[`.${location.pathname}.vue`] || modules['./App.vue'])()
+const modules = import.meta.glob<any>('./src/*.tsx')
+const mod = (
+  modules[`./src${location.pathname}.tsx`] || modules['./src/App.tsx']
+)()
 
 mod.then(({ default: mod }) => {
   const app = createVaporApp(mod)

playground/App.vue

@@ -5,14 +5,10 @@
   "scripts": {
     "dev": "nodemon -w '../../src/**/*.ts' -e .ts -x vite --port 5174"
   },
-  "dependencies": {
-    "vue": "npm:@vue-vapor/vue@3.2024.0-4c28469"
-  },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.5",
-    "@vue-macros/volar": "^0.23.0",
     "unplugin-vue-jsx-vapor": "workspace:*",
-    "unplugin-vue-macros": "^2.11.5",
+    "unplugin-vue-macros": "https://pkg.pr.new/vue-macros/vue-macros/unplugin-vue-macros@b482dd9",
     "vite": "^5.3.2",
     "vite-plugin-inspect": "^0.8.4"
   }