chore: add example

example/index.html

@@ -0,0 +1,2 @@
+<div id="app"></div>
+<script src="/dist/bundle.js"></script>

example/main.js

@@ -0,0 +1,4 @@
+import App from './source.vue'
+import { createApp } from 'vue'
+
+createApp().mount(App, '#app')

example/source.vue

@@ -0,0 +1,17 @@
+<template>
+  <button @click="inc">{{ count }}</button>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+    const count = ref(0)
+    return {
+      count,
+      inc: () => { count.value++ }
+    }
+  }
+}
+</script>

example/webpack.config.js

@@ -0,0 +1,37 @@
+const path = require('path')
+const VueLoaderPlugin = require('../dist/plugin')
+
+module.exports = {
+  mode: 'development',
+  entry: path.resolve(__dirname, './main.js'),
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: 'bundle.js',
+    publicPath: '/dist/'
+  },
+  devServer: {
+    stats: "minimal",
+    contentBase: __dirname
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader'
+      }
+    ]
+  },
+  resolve: {
+    alias: {
+      'vue': '@vue/runtime-dom'
+    }
+  },
+  resolveLoader: {
+    alias: {
+      'vue-loader': require.resolve('../')
+    }
+  },
+  plugins: [
+    new VueLoaderPlugin()
+  ]
+}

package.json

@@ -9,7 +9,8 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsc"
+    "build": "tsc",
+    "dev": "webpack-dev-server --config example/webpack.config.js --inline --hot"
   },
   "peerDependencies": {
     "@vue/compiler-sfc": "^3.0.0-alpha.0"
@@ -23,6 +24,8 @@
     "@types/loader-utils": "^1.1.3",
     "@types/webpack": "^4.41.0",
     "typescript": "^3.7.3",
-    "webpack": "^4.41.2"
+    "webpack": "^4.41.2",
+    "webpack-cli": "^3.3.10",
+    "webpack-dev-server": "^3.9.0"
   }
 }