docs: update

Author: antfu

README.md

@@ -2,13 +2,75 @@
 
 [![NPM version](https://img.shields.io/npm/v/vue2-script-setup-transform?color=a1b858&label=)](https://www.npmjs.com/package/vue2-script-setup-transform)
 
-Bring `<script setup>` to Vue 2
+Bring `<script setup>` to Vue 2.
+
+## Install
+
+```bash
+npm i -D vue2-script-setup-transform
+npm i @vue/composition-api
+```
+
+Install `@vue/composition-api` in your App's entry:
+
+```ts
+import Vue from 'vue'
+import VueComposisionAPI from '@vue/composition-api'
+
+Vue.use(VueComposisionAPI)
+```
+
+###### Vite
+
+```ts
+// vite.config.ts
+import { defineConfig } from 'vite'
+import { createVuePlugin as Vue2 } from 'vite-plugin-vue2'
+import ScriptSetup from 'vue2-script-setup-transform/vite-plugin'
+
+export default defineConfig({
+  plugins: [
+    Vue2(),
+    ScriptSetup(),
+  ],
+})
+```
+
+###### Webpack
+
+```ts
+// webpack.config.js
+import ScriptSetup from 'vue2-script-setup-transform/webpack-plugin'
+
+module.exports = {
+  /* ... */
+  plugins: [
+    ScriptSetup()
+  ]
+}
+```
+
+###### JavaScript API
+
+```ts
+import { transform } from 'vue2-script-setup-transform'
+
+const Vue2SFC = transform(`
+<template>
+  <!-- ... -->
+</template>
+
+<script setup>
+  // ...
+</script>
+`)
+```
 
 ## Status
 
 - [x] POC
 - [x] Components registration
-- [ ] Compile time macros
+- [x] Compile time macros `defineProps` `defineEmits` `withDefaults`
 - [x] Merge with normal scripts
 - [x] Vite plugin
 - [x] Webpack plugin

package.json

@@ -50,6 +50,7 @@
     "@antfu/ni": "^0.7.0",
     "@types/jest": "^26.0.24",
     "@types/node": "^16.4.12",
+    "@vue/composition-api": "^1.1.1",
     "bumpp": "^6.0.6",
     "eslint": "^7.32.0",
     "eslint-plugin-jest": "^24.4.0",
@@ -60,6 +61,9 @@
     "typescript": "^4.3.5",
     "vite": "^2.5.0"
   },
+  "peerDependencies": {
+    "@vue/composition-api": "^1.0.0"
+  },
   "dependencies": {
     "@babel/core": "^7.15.0",
     "@babel/generator": "^7.15.0",