wip: macros

Author: antfu

README.md

@@ -13,6 +13,7 @@ Bring `<script setup>` to Vue 2
 - [x] Vite plugin
 - [x] Webpack plugin
 - [ ] Top-level await
+- [ ] Global types
 
 ## Sponsors
 

package.json

@@ -65,6 +65,7 @@
     "@babel/generator": "^7.15.0",
     "@babel/parser": "^7.15.3",
     "@babel/traverse": "^7.15.0",
+    "@babel/types": "^7.15.0",
     "@vue/shared": "^3.2.4",
     "htmlparser2": "^6.1.0",
     "magic-string": "^0.25.7",

playground/App.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <hello-world />
+    <hello-world msg="Hi"/>
   </div>
 </template>
 

playground/HelloWorld.vue

@@ -1,5 +1,6 @@
 <template>
   <div>
+    <h3>{{msg}}</h3>
     <button @click="inc">
       Inc
     </button>
@@ -11,6 +12,14 @@
 <script setup lang="ts">
 import { ref, computed } from '@vue/composition-api'
 
+const props = defineProps({
+  msg: {
+    type: String,
+  },
+})
+
+const emit = defineEmits()
+
 const count = ref(0)
 const doubled = computed(() => count.value * 2)