docs: add vue3 example

Shimada666 · Shimada666 · commit aeac73e627f5 · 2022-08-31T13:15:40.000+08:00
diff --git a/example/vue2.7/pnpm-lock.yaml b/example/vue2.7/pnpm-lock.yaml
diff --git a/example/vue3/index.html b/example/vue3/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
diff --git a/example/vue3/package.json b/example/vue3/package.json
@@ -0,0 +1,18 @@
+{
+  "name": "vue3",
+  "private": true,
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "vue": "^3.2.38",
+    "v-code-diff": "^0.3.12"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^1.6.2",
+    "vite": "^2.9.9"
+  }
+}
diff --git a/example/vue3/pnpm-lock.yaml b/example/vue3/pnpm-lock.yaml
diff --git a/example/vue3/src/App.vue b/example/vue3/src/App.vue
@@ -0,0 +1,9 @@
+<template>
+  <div>
+    <CodeDiff old-string="123" new-string="456" />
+  </div>
+</template>
+<script setup>
+// import { CodeDiff } from 'v-code-diff'
+</script>
+<style></style>
diff --git a/example/vue3/src/main.js b/example/vue3/src/main.js
@@ -0,0 +1,8 @@
+import { createApp } from 'vue'
+import App from '@/App.vue'
+import CodeDiff from 'v-code-diff'
+
+const app = createApp(App)
+app
+  .use(CodeDiff)
+  .mount('#app')
diff --git a/example/vue3/vite.config.js b/example/vue3/vite.config.js
@@ -0,0 +1,20 @@
+import { defineConfig } from 'vite'
+import { resolve } from 'path'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  optimizeDeps: {
+    exclude: ['vue-demi']
+  },
+  plugins: [
+    vue()
+  ],
+  build: {
+  },
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, './src')
+    }
+  }
+})
