chore: add dev project(vue2.7)

Shimada666 · Shimada666 · commit 47e32e10e545 · 2022-08-08T00:37:48.000+08:00
diff --git a/.gitignore b/.gitignore
@@ -24,4 +24,5 @@ yarn-error.log*
 *.sw?
 
 /pages
-example/**/node_modules
+example/**/node_modules
+dev/**/node_modules
diff --git a/dev/vue2.7/index.html b/dev/vue2.7/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/dev/vue2.7/package.json b/dev/vue2.7/package.json
@@ -0,0 +1,17 @@
+{
+  "name": "vue27",
+  "private": true,
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "vue": "^2.7.7"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue2": "^1.1.2",
+    "vite": "^2.9.9"
+  }
+}
diff --git a/dev/vue2.7/pnpm-lock.yaml b/dev/vue2.7/pnpm-lock.yaml
diff --git a/dev/vue2.7/src/App.vue b/dev/vue2.7/src/App.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    123
+    <CodeDiff
+      old-string="112"
+      new-string="444"
+      output-format="side-by-side" />
+  </div>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+import CodeDiff from 'v-code-diff'
+
+export default defineComponent({
+  components: {
+    CodeDiff
+  }
+})
+</script>
diff --git a/dev/vue2.7/src/main.js b/dev/vue2.7/src/main.js
@@ -0,0 +1,6 @@
+import Vue from 'vue'
+import App from './App.vue'
+
+new Vue({
+  render: (h) => h(App)
+}).$mount('#app')
diff --git a/dev/vue2.7/vite.config.js b/dev/vue2.7/vite.config.js
@@ -0,0 +1,19 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue2'
+import { resolve } from 'path'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue()
+  ],
+  build: {
+  },
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, './src'),
+      'vue': 'vue2',
+      'v-code-diff': resolve(__dirname, '../../src/lib/v-code-diff/v-code-diff.ts')
+    }
+  }
+})
