refactor: Vue升级3.0 移除多余依赖

package.json

@@ -9,20 +9,16 @@
   "dependencies": {
     "core-js": "^3.6.4",
     "crypto": "^1.0.1",
+    "less": "^4.1.3",
     "licia": "^1.23.0",
-    "vue": "^2.6.11",
-    "vue-router": "^3.1.6",
-    "vuex": "^3.1.3",
+    "vue": "^3.2.37",
     "webpack": "4.37.0"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "~4.3.0",
-    "@vue/cli-plugin-router": "~4.3.0",
-    "@vue/cli-plugin-vuex": "~4.3.0",
-    "@vue/cli-service": "~4.3.0",
+    "@vue/cli-service": "^5.0.8",
     "copy-webpack-plugin": "^6.0.2",
-    "deepmerge": "^4.2.2",
+    "less-loader": "^11.0.0",
     "uglifyjs-webpack-plugin": "^2.2.0",
-    "vue-template-compiler": "^2.6.11"
+    "vue-template-compiler": "^2.7.8"
   }
 }

src/App.vue

@@ -1,5 +1,9 @@
 <template>
-  <div id="app">
-    <router-view/>
+  <div class="app">
+    <Main></Main>
   </div>
 </template>
+
+<script setup>
+import Main from './views/Main.vue'
+</script>

src/main.js

@@ -1,10 +1,9 @@
-import Vue from 'vue'
+import { createApp } from 'vue'
 import App from './App.vue'
-import router from './router'
+import less from 'less'
 
-Vue.config.productionTip = false
+const app = createApp(App)
 
-new Vue({
-  router,
-  render: (h) => h(App)
-}).$mount('#app')
+app.use(less)
+
+app.mount('#app')