feat: vite and webpack plugin

Author: antfu

README.md

@@ -10,6 +10,8 @@ Bring `<script setup>` to Vue 2
 - [x] Components registration
 - [ ] Compile time macros
 - [x] Merge with normal scripts
+- [x] Vite plugin
+- [x] Webpack plugin
 
 ## Sponsors
 

package.json

@@ -9,6 +9,14 @@
     ".": {
       "require": "./dist/index.js",
       "import": "./dist/index.mjs"
+    },
+    "./vite-plugin": {
+      "require": "./dist/vite-plugin.js",
+      "import": "./dist/vite-plugin.mjs"
+    },
+    "./webpack-plugin": {
+      "require": "./dist/webpack-plugin.js",
+      "import": "./dist/webpack-plugin.mjs"
     }
   },
   "funding": "https://github.com/sponsors/antfu",
@@ -29,8 +37,7 @@
   "scripts": {
     "prepublishOnly": "nr build",
     "dev": "nr build --watch",
-    "start": "esno src/index.ts",
-    "build": "tsup src/index.ts --format cjs,esm --dts --no-splitting",
+    "build": "tsup src/index.ts src/vite-plugin.ts src/webpack-plugin.ts --format cjs,esm --dts --no-splitting",
     "play": "npm -C playground run dev",
     "release": "bumpp --commit --push --tag && pnpm publish",
     "lint": "eslint \"{src,test}/**/*.ts\"",
@@ -50,7 +57,8 @@
     "jest": "^27.0.6",
     "ts-jest": "^27.0.4",
     "tsup": "^4.13.1",
-    "typescript": "^4.3.5"
+    "typescript": "^4.3.5",
+    "vite": "^2.5.0"
   },
   "dependencies": {
     "@babel/core": "^7.15.0",
@@ -59,6 +67,7 @@
     "@babel/traverse": "^7.15.0",
     "@vue/shared": "^3.2.4",
     "htmlparser2": "^6.1.0",
-    "magic-string": "^0.25.7"
+    "magic-string": "^0.25.7",
+    "unplugin": "^0.0.5"
   }
 }

playground/vite.config.ts

@@ -1,19 +1,12 @@
 import { defineConfig } from 'vite'
 import { createVuePlugin as Vue2 } from 'vite-plugin-vue2'
 import Inspect from 'vite-plugin-inspect'
-import { transform } from '../src'
+import ScriptSetup from '../src/vite-plugin'
 
 export default defineConfig({
   plugins: [
     Vue2(),
     Inspect(),
-    {
-      name: 'vue2-script-setup-transform',
-      enforce: 'pre',
-      transform(code, id) {
-        if (id.endsWith('.vue'))
-          return transform(code)
-      },
-    },
+    ScriptSetup(),
   ],
 })