build(deps): 升级依赖

package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-cli",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc --noEmit --skipLibCheck && vite build",
@@ -14,8 +14,8 @@
   },
   "dependencies": {
     "axios": "^0.21.1",
-    "dayjs": "^1.10.5",
-    "element-plus": "^1.0.2-beta.46",
+    "dayjs": "^1.10.6",
+    "element-plus": "^1.0.2-beta.55",
     "nprogress": "^0.2.0",
     "qs": "^6.10.1",
     "smoothscroll-polyfill": "^0.4.4",
@@ -24,37 +24,37 @@
   "devDependencies": {
     "@commitlint/cli": "^12.1.4",
     "@commitlint/config-conventional": "^12.1.4",
-    "@iconify/json": "^1.1.352",
+    "@iconify/json": "^1.1.378",
     "@types/nprogress": "^0.2.0",
-    "@types/qs": "^6.9.6",
+    "@types/qs": "^6.9.7",
     "@types/smoothscroll-polyfill": "^0.3.1",
-    "@typescript-eslint/eslint-plugin": "^4.26.0",
-    "@typescript-eslint/parser": "^4.26.0",
-    "@vitejs/plugin-vue": "^1.2.3",
-    "@vue/compiler-sfc": "^3.0.11",
+    "@typescript-eslint/eslint-plugin": "^4.28.4",
+    "@typescript-eslint/parser": "^4.28.4",
+    "@vitejs/plugin-vue": "^1.2.5",
+    "@vue/compiler-sfc": "^3.1.5",
     "commitizen": "^4.2.4",
     "cz-conventional-changelog": "^3.3.0",
     "cz-customizable": "^6.3.0",
     "dotenv": "^10.0.0",
-    "eslint": "^7.27.0",
+    "eslint": "^7.31.0",
     "eslint-config-airbnb-base": "^14.2.1",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "^2.23.4",
     "eslint-plugin-prettier": "^3.4.0",
-    "eslint-plugin-vue": "^7.10.0",
-    "husky": "^6.0.0",
-    "lint-staged": "^11.0.0",
-    "prettier": "^2.3.0",
-    "sass": "^1.34.1",
-    "typescript": "^4.3.2",
-    "vite": "^2.3.6",
-    "vite-plugin-components": "^0.10.4",
+    "eslint-plugin-vue": "^7.14.0",
+    "husky": "^7.0.1",
+    "lint-staged": "^11.0.1",
+    "prettier": "^2.3.2",
+    "sass": "^1.35.2",
+    "typescript": "^4.3.5",
+    "vite": "^2.4.2",
+    "vite-plugin-components": "^0.13.0",
     "vite-plugin-html": "^2.0.7",
-    "vite-plugin-icons": "^0.6.0",
-    "vite-plugin-style-import": "^0.10.1",
-    "vite-plugin-windicss": "^0.17.0",
-    "vue-tsc": "^0.1.7",
-    "windicss": "^3.0.12"
+    "vite-plugin-icons": "^0.6.5",
+    "vite-plugin-style-import": "^1.0.1",
+    "vite-plugin-windicss": "^1.2.4",
+    "vue-tsc": "^0.2.1",
+    "windicss": "^3.1.5"
   },
   "config": {
     "commitizen": {

src/components/HelloWorld.vue

@@ -1,60 +0,0 @@
-<template>
-  <h1 class="text-red-400 font-medium">{{ msg }}</h1>
-  <p>
-    Recommended IDE setup:
-    <a href="https://code.visualstudio.com/" target="_blank">VSCode</a>
-    +
-    <a href="https://marketplace.visualstudio.com/items?itemName=octref.vetur" target="_blank">Vetur</a>
-    or
-    <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
-    (if using
-    <code>&lt;script setup&gt;</code>
-    )
-  </p>
-  <p class="mx-auto">
-    See
-    <code>README.md</code>
-    for more information.
-  </p>
-  <p>
-    <a href="https://vitejs.dev/guide/features.html" target="_blank">Vite Docs</a>
-    |
-    <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Docs</a>
-  </p>
-  <button @click="count++">count is: {{ count }}</button>
-  <p>
-    Edit
-    <code>components/HelloWorld.vue</code>
-    to test hot module replacement.
-  </p>
-</template>
-
-<script lang="ts" setup>
-import { ref, defineProps } from 'vue';
-
-const props = defineProps({
-  msg: {
-    type: String,
-    required: true
-  }
-});
-const count = ref(0);
-</script>
-
-<style scoped>
-a {
-  color: #42b983;
-}
-
-label {
-  margin: 0 0.5em;
-  font-weight: bold;
-}
-
-code {
-  background-color: #eee;
-  padding: 2px 4px;
-  border-radius: 4px;
-  color: #304455;
-}
-</style>

vite.config.ts

@@ -8,7 +8,7 @@ export default defineConfig({
   css: {
     preprocessorOptions: {
       scss: {
-        additionalData: `@import "./src/styles/scss/global.scss";`
+        additionalData: `@use "./src/styles/scss/global.scss" as *;`
       }
     }
   },