diff --git a/vue/vue.zip b/vue/vue.zip
deleted file mode 100644
index 3d86cc7e91e5d804a62221fa0e6316f962c535f9..0000000000000000000000000000000000000000
Binary files a/vue/vue.zip and /dev/null differ
diff --git "a/\347\216\213\347\232\223vue/scss\347\231\273\345\275\225/homework.7z" "b/\347\216\213\347\232\223vue/scss\347\231\273\345\275\225/homework.7z"
new file mode 100644
index 0000000000000000000000000000000000000000..18fba73baa4a9ba3cb6d41146ab80f358cf9d72b
Binary files /dev/null and "b/\347\216\213\347\232\223vue/scss\347\231\273\345\275\225/homework.7z" differ
diff --git "a/\347\216\213\347\232\223vue/\344\275\234\344\270\23210th\350\264\255\347\211\251\350\275\246/homework.7z" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\23210th\350\264\255\347\211\251\350\275\246/homework.7z"
new file mode 100644
index 0000000000000000000000000000000000000000..31cc1e34509fabcd6317cf2465bf1798a8810cdb
Binary files /dev/null and "b/\347\216\213\347\232\223vue/\344\275\234\344\270\23210th\350\264\255\347\211\251\350\275\246/homework.7z" differ
diff --git "a/\347\216\213\347\232\223vue/\344\275\234\344\270\23211thRouter/homework.7z" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\23211thRouter/homework.7z"
new file mode 100644
index 0000000000000000000000000000000000000000..811c3e1bdf91c0fc264cbe757283c25b6a022a99
Binary files /dev/null and "b/\347\216\213\347\232\223vue/\344\275\234\344\270\23211thRouter/homework.7z" differ
diff --git "a/\347\216\213\347\232\223vue/\344\275\234\344\270\23212thVueChildren/homework.7z" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\23212thVueChildren/homework.7z"
new file mode 100644
index 0000000000000000000000000000000000000000..1661d5722f11c7c20ddd5e667ff8829d4a43d205
Binary files /dev/null and "b/\347\216\213\347\232\223vue/\344\275\234\344\270\23212thVueChildren/homework.7z" differ
diff --git "a/\347\216\213\347\232\223vue/\344\275\234\344\270\23213th\350\267\257\347\224\261\345\256\210\345\215\253/homework.7z" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\23213th\350\267\257\347\224\261\345\256\210\345\215\253/homework.7z"
new file mode 100644
index 0000000000000000000000000000000000000000..28a535298959c64980a75ad1c4b6e6fcc769b48e
Binary files /dev/null and "b/\347\216\213\347\232\223vue/\344\275\234\344\270\23213th\350\267\257\347\224\261\345\256\210\345\215\253/homework.7z" differ
diff --git "a/vue/\344\275\234\344\270\2321st/demo.css" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2321st/demo.css"
similarity index 100%
rename from "vue/\344\275\234\344\270\2321st/demo.css"
rename to "\347\216\213\347\232\223vue/\344\275\234\344\270\2321st/demo.css"
diff --git "a/vue/\344\275\234\344\270\2321st/demo.html" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2321st/demo.html"
similarity index 100%
rename from "vue/\344\275\234\344\270\2321st/demo.html"
rename to "\347\216\213\347\232\223vue/\344\275\234\344\270\2321st/demo.html"
diff --git "a/vue/\344\275\234\344\270\2321st/zelda.webp" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2321st/zelda.webp"
similarity index 100%
rename from "vue/\344\275\234\344\270\2321st/zelda.webp"
rename to "\347\216\213\347\232\223vue/\344\275\234\344\270\2321st/zelda.webp"
diff --git "a/vue/\344\275\234\344\270\2322nd/demo2.css" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2322nd/demo2.css"
similarity index 100%
rename from "vue/\344\275\234\344\270\2322nd/demo2.css"
rename to "\347\216\213\347\232\223vue/\344\275\234\344\270\2322nd/demo2.css"
diff --git "a/vue/\344\275\234\344\270\2322nd/demo2.html" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2322nd/demo2.html"
similarity index 100%
rename from "vue/\344\275\234\344\270\2322nd/demo2.html"
rename to "\347\216\213\347\232\223vue/\344\275\234\344\270\2322nd/demo2.html"
diff --git "a/vue/\344\275\234\344\270\2322nd/zelda.webp" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2322nd/zelda.webp"
similarity index 100%
rename from "vue/\344\275\234\344\270\2322nd/zelda.webp"
rename to "\347\216\213\347\232\223vue/\344\275\234\344\270\2322nd/zelda.webp"
diff --git "a/vue/\344\275\234\344\270\2323rd/demo.html" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2323rd/demo.html"
similarity index 100%
rename from "vue/\344\275\234\344\270\2323rd/demo.html"
rename to "\347\216\213\347\232\223vue/\344\275\234\344\270\2323rd/demo.html"
diff --git "a/vue/\344\275\234\344\270\2323rd/zelda.webp" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2323rd/zelda.webp"
similarity index 100%
rename from "vue/\344\275\234\344\270\2323rd/zelda.webp"
rename to "\347\216\213\347\232\223vue/\344\275\234\344\270\2323rd/zelda.webp"
diff --git "a/vue/\344\275\234\344\270\2324th/demo.css" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2324th/demo.css"
similarity index 100%
rename from "vue/\344\275\234\344\270\2324th/demo.css"
rename to "\347\216\213\347\232\223vue/\344\275\234\344\270\2324th/demo.css"
diff --git "a/vue/\344\275\234\344\270\2324th/demo.html" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2324th/demo.html"
similarity index 100%
rename from "vue/\344\275\234\344\270\2324th/demo.html"
rename to "\347\216\213\347\232\223vue/\344\275\234\344\270\2324th/demo.html"
diff --git "a/vue/\344\275\234\344\270\2324th/zelda.webp" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2324th/zelda.webp"
similarity index 100%
rename from "vue/\344\275\234\344\270\2324th/zelda.webp"
rename to "\347\216\213\347\232\223vue/\344\275\234\344\270\2324th/zelda.webp"
diff --git "a/\347\216\213\347\232\223vue/\344\275\234\344\270\2325th\347\224\237\345\221\275\345\221\250\346\234\237/life.7z" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2325th\347\224\237\345\221\275\345\221\250\346\234\237/life.7z"
new file mode 100644
index 0000000000000000000000000000000000000000..1c8ea198612e424eee6deef9af406a62095c7021
Binary files /dev/null and "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2325th\347\224\237\345\221\275\345\221\250\346\234\237/life.7z" differ
diff --git "a/vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/demo.css" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/demo.css"
similarity index 100%
rename from "vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/demo.css"
rename to "\347\216\213\347\232\223vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/demo.css"
diff --git "a/vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/demo.html" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/demo.html"
similarity index 100%
rename from "vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/demo.html"
rename to "\347\216\213\347\232\223vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/demo.html"
diff --git "a/vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/e2a34a03958372440cb471aa7021b22c9ec6e800.jpg" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/e2a34a03958372440cb471aa7021b22c9ec6e800.jpg"
similarity index 100%
rename from "vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/e2a34a03958372440cb471aa7021b22c9ec6e800.jpg"
rename to "\347\216\213\347\232\223vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/e2a34a03958372440cb471aa7021b22c9ec6e800.jpg"
diff --git "a/\347\216\213\347\232\223vue/\344\275\234\344\270\2327th\347\273\204\344\273\266/demo.css" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2327th\347\273\204\344\273\266/demo.css"
new file mode 100644
index 0000000000000000000000000000000000000000..a5fe0cef24d57e5e008ad41e1eb267d76861da16
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2327th\347\273\204\344\273\266/demo.css"
@@ -0,0 +1,11 @@
+
+    *{
+        padding: 0;
+        margin: 0;
+    }
+    #lists{
+        background-color:red ;
+        margin-bottom: 50px;
+        width: 500px;
+    }
+   
diff --git "a/\347\216\213\347\232\223vue/\344\275\234\344\270\2327th\347\273\204\344\273\266/demo.html" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2327th\347\273\204\344\273\266/demo.html"
new file mode 100644
index 0000000000000000000000000000000000000000..7b6631675624b8a235aaff6ea1a348af7ecd327f
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2327th\347\273\204\344\273\266/demo.html"
@@ -0,0 +1,98 @@
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://unpkg.com/vue@3.2.47/dist/vue.global.js"></script>
+    <link rel="stylesheet" href="./demo.css">
+    <title>模板语法</title>
+</head>
+<!--作业：用脚手架去写个购物车列表,一条条数据要使用组件的形式,数据由外层的组件传递（有能力的,结合之前学的,在购物中数量+1 -1时，对应的购买总价也要变更）-->
+
+<body>
+    <div id="gamecard" align="center">
+        <h1>商品列表</h1>
+        <div id="box">
+            <div v-for="(item,index) in game" ref="list">
+                <!-- <div >
+                    <h2>{{ item.name}}</h2>
+                    <a :href=item.web><img v-bind:src="item.imgName" style="width: 300px;height: 200px;"></a>
+                    <p>价格：{{item.money}}</p>
+                    <input type="text" v-model="item.buy">
+                    <p>剩余数量：{{item.numGame-item.buy}}</p>
+                    <button @click="add(index)">新增</button><button v-on:click="remove(index)">删除</button>
+                </div> -->
+                <item :index="index" :item="item"></item>
+
+            </div>
+            <div>购买总数{{totalMoney}}</div>
+        </div>
+    </div>
+</body>
+
+<script>
+
+    let app = Vue.createApp({
+        mounted() {
+            console.log(this.$refs.list)
+        },
+        data: function () {
+            return {
+                game: [
+                    {
+                        name: '塞尔达王国之泪',
+                        money: '389元',
+                        imgName: './zelda.webp',
+                        web: 'https://item.taobao.com/item.htm?spm=a230r.1.14.55.7c425ef5lXXyXO&id=685343519276&ns=1&abbucket=19#detail',
+                        numGame: 100,
+                        buy: 0
+                    },
+                    {
+                        name: '塞尔达王国之泪',
+                        money: '389元',
+                        imgName: './zelda.webp',
+                        web: 'https://item.taobao.com/item.htm?spm=a230r.1.14.55.7c425ef5lXXyXO&id=685343519276&ns=1&abbucket=19#detail',
+                        numGame: 100,
+                        buy: 0
+                    },
+                    {
+                        name: '塞尔达王国之泪',
+                        money: '389元',
+                        imgName: './zelda.webp',
+                        web: 'https://item.taobao.com/item.htm?spm=a230r.1.14.55.7c425ef5lXXyXO&id=685343519276&ns=1&abbucket=19#detail',
+                        numGame: 100,
+                        buy: 0
+                    }
+                ],
+                totalMoney:0,
+                index:null,
+            }
+        },
+        
+        components: {
+            
+            item: {
+                methods: {
+                    change:function(index){
+                        console.log(index)
+                        app.$data.index=index
+                    }
+                },
+            
+                props:['index','item'],
+                template: '<div><span>{{index+1}}---{{item.name}}--{{item.money}}</span></div><div><img width="200" v-bind:src="item.imgName" alt=""></div><div><input @change="change(index)" name="buy"></div>',
+            }
+        },
+        watch:{
+            index:function(newValue){
+                console.log("对应dom对象",this.$refs.list[newValue]);
+            }
+        }
+
+    }).mount("#gamecard")
+
+ 
+</script>
+
+</html>
\ No newline at end of file
diff --git "a/\347\216\213\347\232\223vue/\344\275\234\344\270\2327th\347\273\204\344\273\266/zelda.webp" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2327th\347\273\204\344\273\266/zelda.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..f63cd60880f76521bc60c20c2aee9495e26b0134
Binary files /dev/null and "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2327th\347\273\204\344\273\266/zelda.webp" differ
diff --git "a/\347\216\213\347\232\223vue/\344\275\234\344\270\2328th\346\217\222\346\247\275/homework.7z" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2328th\346\217\222\346\247\275/homework.7z"
new file mode 100644
index 0000000000000000000000000000000000000000..bc2b169f69a605c2ec8880cedf599e476cc7c25a
Binary files /dev/null and "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2328th\346\217\222\346\247\275/homework.7z" differ
diff --git "a/\347\216\213\347\232\223vue/\344\275\234\344\270\2329th_setup/.keep" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2329th_setup/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/\347\216\213\347\232\223vue/\344\275\234\344\270\2329th_setup/homework.7z" "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2329th_setup/homework.7z"
new file mode 100644
index 0000000000000000000000000000000000000000..a81e05fc2c25024ba8dfd58a7e5778d8a15b7a58
Binary files /dev/null and "b/\347\216\213\347\232\223vue/\344\275\234\344\270\2329th_setup/homework.7z" differ
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/.gitignore" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/.gitignore"
new file mode 100644
index 0000000000000000000000000000000000000000..38adffa64e8300a31b749218081149e1fe3deaaa
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/.gitignore"
@@ -0,0 +1,28 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/.vscode/extensions.json" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/.vscode/extensions.json"
new file mode 100644
index 0000000000000000000000000000000000000000..c0a6e5a48110e472b09d68afa2a030af6ab3208b
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/.vscode/extensions.json"
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+}
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/README.md" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/README.md"
new file mode 100644
index 0000000000000000000000000000000000000000..79293443e43c8f65a18833fb9b748a98b63b6079
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/README.md"
@@ -0,0 +1,29 @@
+# admin
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Compile and Minify for Production
+
+```sh
+npm run build
+```
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/index.html" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..99f583aa2b835f6885f2c233a0e1f6d395fa42af
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/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/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/package-lock.json" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/package-lock.json"
new file mode 100644
index 0000000000000000000000000000000000000000..52c24f0964c7a9b3c950bdfda72f0e0ff3500f8d
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/package-lock.json"
@@ -0,0 +1,1246 @@
+{
+  "name": "admin",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "admin",
+      "version": "0.0.0",
+      "dependencies": {
+        "axios": "^1.3.6",
+        "element-plus": "^2.3.4",
+        "pinia": "^2.0.32",
+        "sass": "^1.62.1",
+        "vue": "^3.2.47",
+        "vue-router": "^4.1.6"
+      },
+      "devDependencies": {
+        "@vitejs/plugin-vue": "^4.0.0",
+        "vite": "^4.1.4"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.21.4",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.4.tgz",
+      "integrity": "sha512-alVJj7k7zIxqBZ7BTRhz0IqJFxW1VJbm6N8JbcYhQ186df9ZBPbZBmWSqAMXwHGsCJdYks7z/voa3ibiS5bCIw==",
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@ctrl/tinycolor": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-3.6.0.tgz",
+      "integrity": "sha512-/Z3l6pXthq0JvMYdUFyX9j0MaCltlIn6mfh9jLyQwg5aPKxkyNa0PTHtU1AlFXLNk55ZuAeJRcpvq+tmLfKmaQ==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@element-plus/icons-vue": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.1.0.tgz",
+      "integrity": "sha512-PSBn3elNoanENc1vnCfh+3WA9fimRC7n+fWkf3rE5jvv+aBohNHABC/KAR5KWPecxWxDTVT1ERpRbOMRcOV/vA==",
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.18.tgz",
+      "integrity": "sha512-EmwL+vUBZJ7mhFCs5lA4ZimpUH3WMAoqvOIYhVQwdIgSpHC8ImHdsRyhHAVxpDYUSm0lWvd63z0XH1IlImS2Qw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.18.tgz",
+      "integrity": "sha512-/iq0aK0eeHgSC3z55ucMAHO05OIqmQehiGay8eP5l/5l+iEr4EIbh4/MI8xD9qRFjqzgkc0JkX0LculNC9mXBw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.18.tgz",
+      "integrity": "sha512-x+0efYNBF3NPW2Xc5bFOSFW7tTXdAcpfEg2nXmxegm4mJuVeS+i109m/7HMiOQ6M12aVGGFlqJX3RhNdYM2lWg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.18.tgz",
+      "integrity": "sha512-6tY+djEAdF48M1ONWnQb1C+6LiXrKjmqjzPNPWXhu/GzOHTHX2nh8Mo2ZAmBFg0kIodHhciEgUBtcYCAIjGbjQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.18.tgz",
+      "integrity": "sha512-Qq84ykvLvya3dO49wVC9FFCNUfSrQJLbxhoQk/TE1r6MjHo3sFF2tlJCwMjhkBVq3/ahUisj7+EpRSz0/+8+9A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.18.tgz",
+      "integrity": "sha512-fw/ZfxfAzuHfaQeMDhbzxp9mc+mHn1Y94VDHFHjGvt2Uxl10mT4CDavHm+/L9KG441t1QdABqkVYwakMUeyLRA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.18.tgz",
+      "integrity": "sha512-FQFbRtTaEi8ZBi/A6kxOC0V0E9B/97vPdYjY9NdawyLd4Qk5VD5g2pbWN2VR1c0xhzcJm74HWpObPszWC+qTew==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.18.tgz",
+      "integrity": "sha512-jW+UCM40LzHcouIaqv3e/oRs0JM76JfhHjCavPxMUti7VAPh8CaGSlS7cmyrdpzSk7A+8f0hiedHqr/LMnfijg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.18.tgz",
+      "integrity": "sha512-R7pZvQZFOY2sxUG8P6A21eq6q+eBv7JPQYIybHVf1XkQYC+lT7nDBdC7wWKTrbvMXKRaGudp/dzZCwL/863mZQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.18.tgz",
+      "integrity": "sha512-ygIMc3I7wxgXIxk6j3V00VlABIjq260i967Cp9BNAk5pOOpIXmd1RFQJQX9Io7KRsthDrQYrtcx7QCof4o3ZoQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.18.tgz",
+      "integrity": "sha512-bvPG+MyFs5ZlwYclCG1D744oHk1Pv7j8psF5TfYx7otCVmcJsEXgFEhQkbhNW8otDHL1a2KDINW20cfCgnzgMQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.18.tgz",
+      "integrity": "sha512-oVqckATOAGuiUOa6wr8TXaVPSa+6IwVJrGidmNZS1cZVx0HqkTMkqFGD2HIx9H1RvOwFeWYdaYbdY6B89KUMxA==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.18.tgz",
+      "integrity": "sha512-3dLlQO+b/LnQNxgH4l9rqa2/IwRJVN9u/bK63FhOPB4xqiRqlQAU0qDU3JJuf0BmaH0yytTBdoSBHrb2jqc5qQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.18.tgz",
+      "integrity": "sha512-/x7leOyDPjZV3TcsdfrSI107zItVnsX1q2nho7hbbQoKnmoeUWjs+08rKKt4AUXju7+3aRZSsKrJtaRmsdL1xA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.18.tgz",
+      "integrity": "sha512-cX0I8Q9xQkL/6F5zWdYmVf5JSQt+ZfZD2bJudZrWD+4mnUvoZ3TDDXtDX2mUaq6upMFv9FlfIh4Gfun0tbGzuw==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.18.tgz",
+      "integrity": "sha512-66RmRsPlYy4jFl0vG80GcNRdirx4nVWAzJmXkevgphP1qf4dsLQCpSKGM3DUQCojwU1hnepI63gNZdrr02wHUA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.18.tgz",
+      "integrity": "sha512-95IRY7mI2yrkLlTLb1gpDxdC5WLC5mZDi+kA9dmM5XAGxCME0F8i4bYH4jZreaJ6lIZ0B8hTrweqG1fUyW7jbg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.18.tgz",
+      "integrity": "sha512-WevVOgcng+8hSZ4Q3BKL3n1xTv5H6Nb53cBrtzzEjDbbnOmucEVcZeGCsCOi9bAOcDYEeBZbD2SJNBxlfP3qiA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.18.tgz",
+      "integrity": "sha512-Rzf4QfQagnwhQXVBS3BYUlxmEbcV7MY+BH5vfDZekU5eYpcffHSyjU8T0xucKVuOcdCsMo+Ur5wmgQJH2GfNrg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.18.tgz",
+      "integrity": "sha512-Kb3Ko/KKaWhjeAm2YoT/cNZaHaD1Yk/pa3FTsmqo9uFh1D1Rfco7BBLIPdDOozrObj2sahslFuAQGvWbgWldAg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.18.tgz",
+      "integrity": "sha512-0/xUMIdkVHwkvxfbd5+lfG7mHOf2FRrxNbPiKWg9C4fFrB8H0guClmaM3BFiRUYrznVoyxTIyC/Ou2B7QQSwmw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.18.tgz",
+      "integrity": "sha512-qU25Ma1I3NqTSHJUOKi9sAH1/Mzuvlke0ioMJRthLXKm7JiSKVwFghlGbDLOO2sARECGhja4xYfRAZNPAkooYg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmmirror.com/@floating-ui/core/-/core-1.2.6.tgz",
+      "integrity": "sha512-EvYTiXet5XqweYGClEmpu3BoxmsQ4hkj3QaYA6qEnigCWffTP3vNRwBReTdrwDwo7OoJ3wM8Uoe9Uk4n+d4hfg=="
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmmirror.com/@floating-ui/dom/-/dom-1.2.7.tgz",
+      "integrity": "sha512-DyqylONj1ZaBnzj+uBnVfzdjjCkFCL2aA9ESHLyUOGSqb03RpbLMImP1ekIQXYs4KLk9jAjJfZAU8hXfWSahEg==",
+      "dependencies": {
+        "@floating-ui/core": "^1.2.6"
+      }
+    },
+    "node_modules/@popperjs/core": {
+      "name": "@sxzz/popperjs-es",
+      "version": "2.11.7",
+      "resolved": "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
+      "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
+    },
+    "node_modules/@types/lodash": {
+      "version": "4.14.194",
+      "resolved": "https://registry.npmmirror.com/@types/lodash/-/lodash-4.14.194.tgz",
+      "integrity": "sha512-r22s9tAS7imvBt2lyHC9B8AGwWnXaYb1tY09oyLkXDs4vArpYJzw09nj8MLx5VfciBPGIb+ZwG0ssYnEPJxn/g=="
+    },
+    "node_modules/@types/lodash-es": {
+      "version": "4.17.7",
+      "resolved": "https://registry.npmmirror.com/@types/lodash-es/-/lodash-es-4.17.7.tgz",
+      "integrity": "sha512-z0ptr6UI10VlU6l5MYhGwS4mC8DZyYer2mCoyysZtSF7p26zOX8UpbrV0YpNYLGS8K4PUFIyEr62IMFFjveSiQ==",
+      "dependencies": {
+        "@types/lodash": "*"
+      }
+    },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.16",
+      "resolved": "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
+      "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ=="
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.2.1.tgz",
+      "integrity": "sha512-ZTZjzo7bmxTRTkb8GSTwkPOYDIP7pwuyV+RV53c9PYUouwcbkIZIvWvNWlX2b1dYZqtOv7D6iUAnJLVNGcLrSw==",
+      "dev": true,
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.47.tgz",
+      "integrity": "sha512-p4D7FDnQb7+YJmO2iPEv0SQNeNzcbHdGByJDsT4lynf63AFkOTFN07HsiRSvjGo0QrxR/o3d0hUyNCUnBU2Tig==",
+      "dependencies": {
+        "@babel/parser": "^7.16.4",
+        "@vue/shared": "3.2.47",
+        "estree-walker": "^2.0.2",
+        "source-map": "^0.6.1"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.47.tgz",
+      "integrity": "sha512-dBBnEHEPoftUiS03a4ggEig74J2YBZ2UIeyfpcRM2tavgMWo4bsEfgCGsu+uJIL/vax9S+JztH8NmQerUo7shQ==",
+      "dependencies": {
+        "@vue/compiler-core": "3.2.47",
+        "@vue/shared": "3.2.47"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.47.tgz",
+      "integrity": "sha512-rog05W+2IFfxjMcFw10tM9+f7i/+FFpZJJ5XHX72NP9eC2uRD+42M3pYcQqDXVYoj74kHMSEdQ/WmCjt8JFksQ==",
+      "dependencies": {
+        "@babel/parser": "^7.16.4",
+        "@vue/compiler-core": "3.2.47",
+        "@vue/compiler-dom": "3.2.47",
+        "@vue/compiler-ssr": "3.2.47",
+        "@vue/reactivity-transform": "3.2.47",
+        "@vue/shared": "3.2.47",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.25.7",
+        "postcss": "^8.1.10",
+        "source-map": "^0.6.1"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.47.tgz",
+      "integrity": "sha512-wVXC+gszhulcMD8wpxMsqSOpvDZ6xKXSVWkf50Guf/S+28hTAXPDYRTbLQ3EDkOP5Xz/+SY37YiwDquKbJOgZw==",
+      "dependencies": {
+        "@vue/compiler-dom": "3.2.47",
+        "@vue/shared": "3.2.47"
+      }
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.5.0.tgz",
+      "integrity": "sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q=="
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.47.tgz",
+      "integrity": "sha512-7khqQ/75oyyg+N/e+iwV6lpy1f5wq759NdlS1fpAhFXa8VeAIKGgk2E/C4VF59lx5b+Ezs5fpp/5WsRYXQiKxQ==",
+      "dependencies": {
+        "@vue/shared": "3.2.47"
+      }
+    },
+    "node_modules/@vue/reactivity-transform": {
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.47.tgz",
+      "integrity": "sha512-m8lGXw8rdnPVVIdIFhf0LeQ/ixyHkH5plYuS83yop5n7ggVJU+z5v0zecwEnX7fa7HNLBhh2qngJJkxpwEEmYA==",
+      "dependencies": {
+        "@babel/parser": "^7.16.4",
+        "@vue/compiler-core": "3.2.47",
+        "@vue/shared": "3.2.47",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.25.7"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.47.tgz",
+      "integrity": "sha512-RZxbLQIRB/K0ev0K9FXhNbBzT32H9iRtYbaXb0ZIz2usLms/D55dJR2t6cIEUn6vyhS3ALNvNthI+Q95C+NOpA==",
+      "dependencies": {
+        "@vue/reactivity": "3.2.47",
+        "@vue/shared": "3.2.47"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.47.tgz",
+      "integrity": "sha512-ArXrFTjS6TsDei4qwNvgrdmHtD930KgSKGhS5M+j8QxXrDJYLqYw4RRcDy1bz1m1wMmb6j+zGLifdVHtkXA7gA==",
+      "dependencies": {
+        "@vue/runtime-core": "3.2.47",
+        "@vue/shared": "3.2.47",
+        "csstype": "^2.6.8"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.47.tgz",
+      "integrity": "sha512-dN9gc1i8EvmP9RCzvneONXsKfBRgqFeFZLurmHOveL7oH6HiFXJw5OGu294n1nHc/HMgTy6LulU/tv5/A7f/LA==",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.2.47",
+        "@vue/shared": "3.2.47"
+      },
+      "peerDependencies": {
+        "vue": "3.2.47"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.47.tgz",
+      "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ=="
+    },
+    "node_modules/@vueuse/core": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/core/-/core-9.13.0.tgz",
+      "integrity": "sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.16",
+        "@vueuse/metadata": "9.13.0",
+        "@vueuse/shared": "9.13.0",
+        "vue-demi": "*"
+      }
+    },
+    "node_modules/@vueuse/core/node_modules/vue-demi": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.0.tgz",
+      "integrity": "sha512-gt58r2ogsNQeVoQ3EhoUAvUsH9xviydl0dWJj7dabBC/2L4uBId7ujtCwDRD0JhkGsV1i0CtfLAeyYKBht9oWg==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vueuse/metadata": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-9.13.0.tgz",
+      "integrity": "sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ=="
+    },
+    "node_modules/@vueuse/shared": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/shared/-/shared-9.13.0.tgz",
+      "integrity": "sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==",
+      "dependencies": {
+        "vue-demi": "*"
+      }
+    },
+    "node_modules/@vueuse/shared/node_modules/vue-demi": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.0.tgz",
+      "integrity": "sha512-gt58r2ogsNQeVoQ3EhoUAvUsH9xviydl0dWJj7dabBC/2L4uBId7ujtCwDRD0JhkGsV1i0CtfLAeyYKBht9oWg==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/async-validator": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz",
+      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg=="
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
+    "node_modules/axios": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.3.6.tgz",
+      "integrity": "sha512-PEcdkk7JcdPiMDkvM4K6ZBRYq9keuVJsToxm2zQIM70Qqo2WHTdJZMXcG9X+RmRp2VPNUQC8W1RAGbgt6b1yMg==",
+      "dependencies": {
+        "follow-redirects": "^1.15.0",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dependencies": {
+        "fill-range": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+      "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://paulmillr.com/funding/"
+        }
+      ],
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "2.6.21",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz",
+      "integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w=="
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.7",
+      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.7.tgz",
+      "integrity": "sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ=="
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/element-plus": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.3.4.tgz",
+      "integrity": "sha512-SQr0J9z7N4z48WYk/l9NE2tizl8Q7j2OhqlpTc42k4pGncry3+rVX6dsmcsglFynn6vt3NzYxWJqmLFyDKQq+g==",
+      "dependencies": {
+        "@ctrl/tinycolor": "^3.4.1",
+        "@element-plus/icons-vue": "^2.0.6",
+        "@floating-ui/dom": "^1.0.1",
+        "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
+        "@types/lodash": "^4.14.182",
+        "@types/lodash-es": "^4.17.6",
+        "@vueuse/core": "^9.1.0",
+        "async-validator": "^4.2.5",
+        "dayjs": "^1.11.3",
+        "escape-html": "^1.0.3",
+        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
+        "lodash-unified": "^1.0.2",
+        "memoize-one": "^6.0.0",
+        "normalize-wheel-es": "^1.2.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.17.18",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.18.tgz",
+      "integrity": "sha512-z1lix43jBs6UKjcZVKOw2xx69ffE2aG0PygLL5qJ9OS/gy0Ewd1gW/PUQIOIQGXBHWNywSc0floSKoMFF8aK2w==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/android-arm": "0.17.18",
+        "@esbuild/android-arm64": "0.17.18",
+        "@esbuild/android-x64": "0.17.18",
+        "@esbuild/darwin-arm64": "0.17.18",
+        "@esbuild/darwin-x64": "0.17.18",
+        "@esbuild/freebsd-arm64": "0.17.18",
+        "@esbuild/freebsd-x64": "0.17.18",
+        "@esbuild/linux-arm": "0.17.18",
+        "@esbuild/linux-arm64": "0.17.18",
+        "@esbuild/linux-ia32": "0.17.18",
+        "@esbuild/linux-loong64": "0.17.18",
+        "@esbuild/linux-mips64el": "0.17.18",
+        "@esbuild/linux-ppc64": "0.17.18",
+        "@esbuild/linux-riscv64": "0.17.18",
+        "@esbuild/linux-s390x": "0.17.18",
+        "@esbuild/linux-x64": "0.17.18",
+        "@esbuild/netbsd-x64": "0.17.18",
+        "@esbuild/openbsd-x64": "0.17.18",
+        "@esbuild/sunos-x64": "0.17.18",
+        "@esbuild/win32-arm64": "0.17.18",
+        "@esbuild/win32-ia32": "0.17.18",
+        "@esbuild/win32-x64": "0.17.18"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+    },
+    "node_modules/fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
+      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/immutable": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.0.tgz",
+      "integrity": "sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg=="
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
+    "node_modules/lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmmirror.com/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+    },
+    "node_modules/lodash-unified": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/lodash-unified/-/lodash-unified-1.0.3.tgz",
+      "integrity": "sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==",
+      "peerDependencies": {
+        "@types/lodash-es": "*",
+        "lodash": "*",
+        "lodash-es": "*"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.25.9",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
+      "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+      "dependencies": {
+        "sourcemap-codec": "^1.4.8"
+      }
+    },
+    "node_modules/memoize-one": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/memoize-one/-/memoize-one-6.0.0.tgz",
+      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-wheel-es": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz",
+      "integrity": "sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw=="
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pinia": {
+      "version": "2.0.35",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.35.tgz",
+      "integrity": "sha512-P1IKKQWhxGXiiZ3atOaNI75bYlFUbRxtJdhPLX059Z7+b9Z04rnTZdSY8Aph1LA+/4QEMAYHsTQ638Wfe+6K5g==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.5.0",
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.4.0",
+        "typescript": ">=4.4.4",
+        "vue": "^2.6.14 || ^3.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pinia/node_modules/vue-demi": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.0.tgz",
+      "integrity": "sha512-gt58r2ogsNQeVoQ3EhoUAvUsH9xviydl0dWJj7dabBC/2L4uBId7ujtCwDRD0JhkGsV1i0CtfLAeyYKBht9oWg==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.23",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.23.tgz",
+      "integrity": "sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "3.21.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.21.0.tgz",
+      "integrity": "sha512-ANPhVcyeHvYdQMUyCbczy33nbLzI7RzrBje4uvNiTDJGIMtlKoOStmympwr9OtS1LZxiDmE2wvxHyVhoLtf1KQ==",
+      "dev": true,
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=14.18.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/sass": {
+      "version": "1.62.1",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.62.1.tgz",
+      "integrity": "sha512-NHpxIzN29MXvWiuswfc1W3I0N8SXBd8UR26WntmDlRYf0bSADnwnOjsyMZ3lMezSlArD33Vs3YFhp7dWvL770A==",
+      "dependencies": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sourcemap-codec": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
+      "deprecated": "Please use @jridgewell/sourcemap-codec instead"
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/vite": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.3.tgz",
+      "integrity": "sha512-MwFlLBO4udZXd+VBcezo3u8mC77YQk+ik+fbc0GZWGgzfbPP+8Kf0fldhARqvSYmtIWoAJ5BXPClUbMTlqFxrA==",
+      "dev": true,
+      "dependencies": {
+        "esbuild": "^0.17.5",
+        "postcss": "^8.4.23",
+        "rollup": "^3.21.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      },
+      "peerDependencies": {
+        "@types/node": ">= 14",
+        "less": "*",
+        "sass": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue": {
+      "version": "3.2.47",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.47.tgz",
+      "integrity": "sha512-60188y/9Dc9WVrAZeUVSDxRQOZ+z+y5nO2ts9jWXSTkMvayiWxCWOWtBQoYjLeccfXkiiPZWAHcV+WTPhkqJHQ==",
+      "dependencies": {
+        "@vue/compiler-dom": "3.2.47",
+        "@vue/compiler-sfc": "3.2.47",
+        "@vue/runtime-dom": "3.2.47",
+        "@vue/server-renderer": "3.2.47",
+        "@vue/shared": "3.2.47"
+      }
+    },
+    "node_modules/vue-router": {
+      "version": "4.1.6",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.6.tgz",
+      "integrity": "sha512-DYWYwsG6xNPmLq/FmZn8Ip+qrhFEzA14EI12MsMgVxvHFDYvlr4NXpVF5hrRH1wVcDP8fGi5F4rxuJSl8/r+EQ==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.4.5"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    }
+  }
+}
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/package.json" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/package.json"
new file mode 100644
index 0000000000000000000000000000000000000000..3eaa48b4d90be401509235ceeaa3f4185bae632c
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/package.json"
@@ -0,0 +1,22 @@
+{
+  "name": "admin",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "axios": "^1.3.6",
+    "element-plus": "^2.3.4",
+    "pinia": "^2.0.32",
+    "sass": "^1.62.1",
+    "vue": "^3.2.47",
+    "vue-router": "^4.1.6"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.0.0",
+    "vite": "^4.1.4"
+  }
+}
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/public/favicon.ico" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/public/favicon.ico"
new file mode 100644
index 0000000000000000000000000000000000000000..df36fcfb72584e00488330b560ebcf34a41c64c2
Binary files /dev/null and "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/public/favicon.ico" differ
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/App.vue" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/App.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..25c29e6d8ba225a354e932327d531f0c89bf603d
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/App.vue"
@@ -0,0 +1,15 @@
+<script setup>
+import { RouterLink, RouterView } from 'vue-router'
+import HelloWorld from './components/HelloWorld.vue'
+</script>
+
+<template>
+  <RouterView />
+</template>
+
+<style scoped>
+ body{
+  margin: 0;
+  padding: 0;
+ }
+</style>
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/assets/base.css" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/assets/base.css"
new file mode 100644
index 0000000000000000000000000000000000000000..71dc55a3cb5a72589496743a327c738ead3e1c83
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/assets/base.css"
@@ -0,0 +1,74 @@
+/* color palette from <https://github.com/vuejs/theme> */
+:root {
+  --vt-c-white: #ffffff;
+  --vt-c-white-soft: #f8f8f8;
+  --vt-c-white-mute: #f2f2f2;
+
+  --vt-c-black: #181818;
+  --vt-c-black-soft: #222222;
+  --vt-c-black-mute: #282828;
+
+  --vt-c-indigo: #2c3e50;
+
+  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
+  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
+  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
+  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
+
+  --vt-c-text-light-1: var(--vt-c-indigo);
+  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
+  --vt-c-text-dark-1: var(--vt-c-white);
+  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
+}
+
+/* semantic color variables for this project */
+:root {
+  --color-background: var(--vt-c-white);
+  --color-background-soft: var(--vt-c-white-soft);
+  --color-background-mute: var(--vt-c-white-mute);
+
+  --color-border: var(--vt-c-divider-light-2);
+  --color-border-hover: var(--vt-c-divider-light-1);
+
+  --color-heading: var(--vt-c-text-light-1);
+  --color-text: var(--vt-c-text-light-1);
+
+  --section-gap: 160px;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --color-background: var(--vt-c-black);
+    --color-background-soft: var(--vt-c-black-soft);
+    --color-background-mute: var(--vt-c-black-mute);
+
+    --color-border: var(--vt-c-divider-dark-2);
+    --color-border-hover: var(--vt-c-divider-dark-1);
+
+    --color-heading: var(--vt-c-text-dark-1);
+    --color-text: var(--vt-c-text-dark-2);
+  }
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  position: relative;
+  font-weight: normal;
+}
+
+body {
+  min-height: 100vh;
+  color: var(--color-text);
+  background: var(--color-background);
+  transition: color 0.5s, background-color 0.5s;
+  line-height: 1.6;
+  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
+    Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  font-size: 15px;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/assets/login.png" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/assets/login.png"
new file mode 100644
index 0000000000000000000000000000000000000000..bca69fc266591393080e1f5ad9fcfc3a5e602a61
Binary files /dev/null and "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/assets/login.png" differ
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/assets/login.scss" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/assets/login.scss"
new file mode 100644
index 0000000000000000000000000000000000000000..35ff798541a515a8e0a0fbef3e7fb9a4c819a680
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/assets/login.scss"
@@ -0,0 +1,9 @@
+$color: #000000;
+$font-size: 30px;
+
+body {
+    color: $color;
+    font-size: $font-size;
+    margin: 0;
+    padding: 0;
+}
\ No newline at end of file
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/assets/logo.svg" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/assets/logo.svg"
new file mode 100644
index 0000000000000000000000000000000000000000..7565660356e5b3723c9c33d508b830c9cfbea29f
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/assets/logo.svg"
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/assets/main.css" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/assets/main.css"
new file mode 100644
index 0000000000000000000000000000000000000000..e8667cd4508b6163e44e675ff899de1896544c84
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/assets/main.css"
@@ -0,0 +1,35 @@
+@import './base.css';
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+
+  font-weight: normal;
+}
+
+a,
+.green {
+  text-decoration: none;
+  color: hsla(160, 100%, 37%, 1);
+  transition: 0.4s;
+}
+
+@media (hover: hover) {
+  a:hover {
+    background-color: hsla(160, 100%, 37%, 0.2);
+  }
+}
+
+@media (min-width: 1024px) {
+  body {
+    display: flex;
+    place-items: center;
+  }
+
+  #app {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    padding: 0 2rem;
+  }
+}
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/HelloWorld.vue" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/HelloWorld.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..0a0988bcb91e4e3d0a442215f11ca79579d6b63e
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/HelloWorld.vue"
@@ -0,0 +1,43 @@
+<script setup>
+defineProps({
+  msg: {
+    type: String,
+    required: true
+  }
+})
+</script>
+
+<template>
+  <div class="greetings">
+    <h1 class="green">{{ msg }}</h1>
+    <h3>
+      You’ve successfully created a project with
+      <a href="https://vitejs.dev/" target="_blank" rel="noopener">Vite</a> +
+      <a href="https://vuejs.org/" target="_blank" rel="noopener">Vue 3</a>.
+    </h3>
+  </div>
+</template>
+
+<style scoped>
+h1 {
+  font-weight: 500;
+  font-size: 2.6rem;
+  top: -10px;
+}
+
+h3 {
+  font-size: 1.2rem;
+}
+
+.greetings h1,
+.greetings h3 {
+  text-align: center;
+}
+
+@media (min-width: 1024px) {
+  .greetings h1,
+  .greetings h3 {
+    text-align: left;
+  }
+}
+</style>
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/TheWelcome.vue" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/TheWelcome.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..5e6462538ecda2ce6758b16fcbbf6e2e40f5d683
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/TheWelcome.vue"
@@ -0,0 +1,86 @@
+<script setup>
+import WelcomeItem from './WelcomeItem.vue'
+import DocumentationIcon from './icons/IconDocumentation.vue'
+import ToolingIcon from './icons/IconTooling.vue'
+import EcosystemIcon from './icons/IconEcosystem.vue'
+import CommunityIcon from './icons/IconCommunity.vue'
+import SupportIcon from './icons/IconSupport.vue'
+</script>
+
+<template>
+  <WelcomeItem>
+    <template #icon>
+      <DocumentationIcon />
+    </template>
+    <template #heading>Documentation</template>
+
+    Vue’s
+    <a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>
+    provides you with all information you need to get started.
+  </WelcomeItem>
+
+  <WelcomeItem>
+    <template #icon>
+      <ToolingIcon />
+    </template>
+    <template #heading>Tooling</template>
+
+    This project is served and bundled with
+    <a href="https://vitejs.dev/guide/features.html" target="_blank" rel="noopener">Vite</a>. The
+    recommended IDE setup is
+    <a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a> +
+    <a href="https://github.com/johnsoncodehk/volar" target="_blank" rel="noopener">Volar</a>. If
+    you need to test your components and web pages, check out
+    <a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a> and
+    <a href="https://on.cypress.io/component" target="_blank">Cypress Component Testing</a>.
+
+    <br />
+
+    More instructions are available in <code>README.md</code>.
+  </WelcomeItem>
+
+  <WelcomeItem>
+    <template #icon>
+      <EcosystemIcon />
+    </template>
+    <template #heading>Ecosystem</template>
+
+    Get official tools and libraries for your project:
+    <a href="https://pinia.vuejs.org/" target="_blank" rel="noopener">Pinia</a>,
+    <a href="https://router.vuejs.org/" target="_blank" rel="noopener">Vue Router</a>,
+    <a href="https://test-utils.vuejs.org/" target="_blank" rel="noopener">Vue Test Utils</a>, and
+    <a href="https://github.com/vuejs/devtools" target="_blank" rel="noopener">Vue Dev Tools</a>. If
+    you need more resources, we suggest paying
+    <a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">Awesome Vue</a>
+    a visit.
+  </WelcomeItem>
+
+  <WelcomeItem>
+    <template #icon>
+      <CommunityIcon />
+    </template>
+    <template #heading>Community</template>
+
+    Got stuck? Ask your question on
+    <a href="https://chat.vuejs.org" target="_blank" rel="noopener">Vue Land</a>, our official
+    Discord server, or
+    <a href="https://stackoverflow.com/questions/tagged/vue.js" target="_blank" rel="noopener"
+      >StackOverflow</a
+    >. You should also subscribe to
+    <a href="https://news.vuejs.org" target="_blank" rel="noopener">our mailing list</a> and follow
+    the official
+    <a href="https://twitter.com/vuejs" target="_blank" rel="noopener">@vuejs</a>
+    twitter account for latest news in the Vue world.
+  </WelcomeItem>
+
+  <WelcomeItem>
+    <template #icon>
+      <SupportIcon />
+    </template>
+    <template #heading>Support Vue</template>
+
+    As an independent project, Vue relies on community backing for its sustainability. You can help
+    us by
+    <a href="https://vuejs.org/sponsor/" target="_blank" rel="noopener">becoming a sponsor</a>.
+  </WelcomeItem>
+</template>
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/WelcomeItem.vue" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/WelcomeItem.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..a5eca70f81855b06fe4a9ba461f20fc4b9a049b7
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/WelcomeItem.vue"
@@ -0,0 +1,85 @@
+<template>
+  <div class="item">
+    <i>
+      <slot name="icon"></slot>
+    </i>
+    <div class="details">
+      <h3>
+        <slot name="heading"></slot>
+      </h3>
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.item {
+  margin-top: 2rem;
+  display: flex;
+}
+
+.details {
+  flex: 1;
+  margin-left: 1rem;
+}
+
+i {
+  display: flex;
+  place-items: center;
+  place-content: center;
+  width: 32px;
+  height: 32px;
+  color: var(--color-text);
+}
+
+h3 {
+  font-size: 1.2rem;
+  font-weight: 500;
+  margin-bottom: 0.4rem;
+  color: var(--color-heading);
+}
+
+@media (min-width: 1024px) {
+  .item {
+    margin-top: 0;
+    padding: 0.4rem 0 1rem calc(var(--section-gap) / 2);
+  }
+
+  i {
+    top: calc(50% - 25px);
+    left: -26px;
+    position: absolute;
+    border: 1px solid var(--color-border);
+    background: var(--color-background);
+    border-radius: 8px;
+    width: 50px;
+    height: 50px;
+  }
+
+  .item:before {
+    content: ' ';
+    border-left: 1px solid var(--color-border);
+    position: absolute;
+    left: 0;
+    bottom: calc(50% + 25px);
+    height: calc(50% - 25px);
+  }
+
+  .item:after {
+    content: ' ';
+    border-left: 1px solid var(--color-border);
+    position: absolute;
+    left: 0;
+    top: calc(50% + 25px);
+    height: calc(50% - 25px);
+  }
+
+  .item:first-of-type:before {
+    display: none;
+  }
+
+  .item:last-of-type:after {
+    display: none;
+  }
+}
+</style>
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/icons/IconCommunity.vue" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/icons/IconCommunity.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..2dc8b055253af30fb797037e2fe260505f0cf711
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/icons/IconCommunity.vue"
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
+    <path
+      d="M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z"
+    />
+  </svg>
+</template>
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/icons/IconDocumentation.vue" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/icons/IconDocumentation.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..6d4791cfbcf2782b3e5ffbabd042d4c47b2fbbed
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/icons/IconDocumentation.vue"
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" fill="currentColor">
+    <path
+      d="M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z"
+    />
+  </svg>
+</template>
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/icons/IconEcosystem.vue" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/icons/IconEcosystem.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..c3a4f078c0bd340a33c61ea9ecd8a755d03571ed
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/icons/IconEcosystem.vue"
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" fill="currentColor">
+    <path
+      d="M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z"
+    />
+  </svg>
+</template>
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/icons/IconSupport.vue" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/icons/IconSupport.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..7452834d3ef961ce24c3a072ddba2620b6158bae
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/icons/IconSupport.vue"
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
+    <path
+      d="M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z"
+    />
+  </svg>
+</template>
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/icons/IconTooling.vue" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/icons/IconTooling.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..660598d7c76644ffe126a1a1feb1606650bfb937
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/icons/IconTooling.vue"
@@ -0,0 +1,19 @@
+<!-- This icon is from <https://github.com/Templarian/MaterialDesign>, distributed under Apache 2.0 (https://www.apache.org/licenses/LICENSE-2.0) license-->
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    aria-hidden="true"
+    role="img"
+    class="iconify iconify--mdi"
+    width="24"
+    height="24"
+    preserveAspectRatio="xMidYMid meet"
+    viewBox="0 0 24 24"
+  >
+    <path
+      d="M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z"
+      fill="currentColor"
+    ></path>
+  </svg>
+</template>
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/menu.vue" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/menu.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..d4c7fac1fd26c8f0e3d73eae29848b63a1996a52
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/menu.vue"
@@ -0,0 +1,49 @@
+<template>
+    <el-row class="tac">
+        <el-col :span="24">
+            <el-menu active-text-color="#c25205" background-color="#6196cc" class="el-menu-vertical-demo" default-active="2"
+                text-color="#fff" @open="handleOpen" @close="handleClose">
+                <el-sub-menu index="1">
+                    <template #title>
+                        <el-icon>
+                            <microphone />
+                        </el-icon>
+                        <span>干员管理</span>
+                    </template>
+                    
+                        <el-sub-menu index="1-1">
+                            <template #title style="color=white">职业</template>
+                            <el-menu-item index="1-1-1" style="color=white">先锋</el-menu-item>
+                            <el-menu-item index="1-1-1" style="color=white">近卫</el-menu-item>
+                            <el-menu-item index="1-1-1" style="color=white">重装</el-menu-item>
+                        </el-sub-menu>
+                       
+                    
+                    
+                </el-sub-menu>
+                <el-menu-item index="2">
+                    <el-icon><icon-menu /></el-icon>
+                    <span >氪金管理</span>
+                </el-menu-item>
+                
+            </el-menu>
+        </el-col>
+    </el-row>
+</template>
+  
+<script setup>
+import {
+    Document,
+    Menu as IconMenu,
+    Location,
+    Microphone,
+    Setting,
+} from '@element-plus/icons-vue'
+const handleOpen = (key, keyPath) => {
+    console.log(key, keyPath)
+}
+const handleClose = (key, keyPath) => {
+    console.log(key, keyPath)
+}
+</script>
+  
\ No newline at end of file
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/table.vue" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/table.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..0f379383c6e5ce02ab45d0d08d8607673c89ebbe
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/components/table.vue"
@@ -0,0 +1,54 @@
+<template>
+    <el-table :data="tableData" border style="width: 100%">
+      <el-table-column prop="date" label="Date" width="180" />
+      <el-table-column prop="name" label="Name" width="180" />
+      <el-table-column prop="address" label="Address" />
+    </el-table>
+  </template>
+  
+ 
+  
+  
+  <script lang="ts" setup>
+  const tableData = [
+    {
+      date: '2016-05-03',
+      name: 'Tom',
+      address: 'No. 189, Grove St, Los Angeles',
+    },
+    {
+      date: '2016-05-02',
+      name: 'Tom',
+      address: 'No. 189, Grove St, Los Angeles',
+    },
+    {
+      date: '2016-05-04',
+      name: 'Tom',
+      address: 'No. 189, Grove St, Los Angeles',
+    },
+    {
+      date: '2016-05-01',
+      name: 'Tom',
+      address: 'No. 189, Grove St, Los Angeles',
+    },
+  ]
+  </script>
+  
+<style>
+.el-table .warning-row {
+    --el-table-tr-bg-color: var(--el-color-warning-light-9);
+}
+
+.el-table .success-row {
+    --el-table-tr-bg-color: var(--el-color-success-light-9);
+}
+
+.example-pagination-block+.example-pagination-block {
+    margin-top: 10px;
+}
+
+.example-pagination-block .example-demonstration {
+    margin-bottom: 16px;
+}
+</style>
+  
\ No newline at end of file
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/main.js" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/main.js"
new file mode 100644
index 0000000000000000000000000000000000000000..8cc45b482e67c3ac74dd7a5b79529dfa924be58e
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/main.js"
@@ -0,0 +1,14 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import App from './App.vue'
+import router from './router'
+
+
+const app = createApp(App)
+
+app.use(createPinia())
+app.use(router)
+app.use(ElementPlus)
+app.mount('#app')
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/router/index.js" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/router/index.js"
new file mode 100644
index 0000000000000000000000000000000000000000..4f434306dc0e2082d47b0383d28caf3667de3caf
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/router/index.js"
@@ -0,0 +1,20 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import login from '../views/login.vue'
+import main from '../views/main.vue'
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: [
+    {
+      path: '/login',
+      name: 'login',
+      component: login
+    },
+    {
+      path: '/main',
+      name: 'main',
+      component: main
+    },
+  ]
+})
+
+export default router
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/stores/counter.js" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/stores/counter.js"
new file mode 100644
index 0000000000000000000000000000000000000000..b6757ba5723c5b89b35d011b9558d025bbcde402
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/stores/counter.js"
@@ -0,0 +1,12 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', () => {
+  const count = ref(0)
+  const doubleCount = computed(() => count.value * 2)
+  function increment() {
+    count.value++
+  }
+
+  return { count, doubleCount, increment }
+})
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/utils/request.js" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/utils/request.js"
new file mode 100644
index 0000000000000000000000000000000000000000..e9de8ea71035c2a01c7fa7bee29d5bc47e11d71e
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/utils/request.js"
@@ -0,0 +1,16 @@
+import axios from 'axios'
+
+const instance = axios.create({
+    baseURL: 'http://localhost:8888'
+});
+
+// 添加响应拦截器
+instance.interceptors.response.use(function (response) {
+    // 对响应数据做点什么
+    return response.data;
+}, function (error) {
+    // 对响应错误做点什么
+    return Promise.reject(error);
+});
+
+export default instance;
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/views/AboutView.vue" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/views/AboutView.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..756ad2a17909837834858538422308120cf09dab
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/views/AboutView.vue"
@@ -0,0 +1,15 @@
+<template>
+  <div class="about">
+    <h1>This is an about page</h1>
+  </div>
+</template>
+
+<style>
+@media (min-width: 1024px) {
+  .about {
+    min-height: 100vh;
+    display: flex;
+    align-items: center;
+  }
+}
+</style>
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/views/HomeView.vue" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/views/HomeView.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..6bb706f08b841ad18ad98fa022e34b1095749521
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/views/HomeView.vue"
@@ -0,0 +1,9 @@
+<script setup>
+import TheWelcome from '../components/TheWelcome.vue'
+</script>
+
+<template>
+  <main>
+    <TheWelcome />
+  </main>
+</template>
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/views/login.vue" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/views/login.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..274f13302b41de7a34598ec43326a318627bfe45
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/views/login.vue"
@@ -0,0 +1,103 @@
+<template lang="">
+    <div class="card">
+          
+          <form>
+            <div><span class="title">登录</span></div>
+            <div><input type="text" v-model="check.name" placeholder="请输入用户名"/></div>
+            <div><input type="password" v-model="check.password" placeholder="请输入密码"/></div>
+            <div><input type="submit" placeholder="登入" @click.prevent="submit" /></div>
+          </form>
+      </div>
+  </template>
+  <script>
+  import instance from '@/utils/request.js'
+
+  export default {
+      name: "login",
+      data: function () {
+          return {
+              check: {
+                  name: '',
+                  password: ''
+              }
+          }
+      },
+      methods: {
+          submit: async function () {
+              const params = new URLSearchParams();
+              params.append('name', this.check.name);
+              params.append('password', this.check.password);
+              let result = await instance.post("/login", params)
+              console.log(result);
+  
+              setTimeout(async () => {
+                  instance.defaults.headers.common['token'] = result;
+                  let islogin = await instance.get("/checklogin")
+                  console.log(islogin)
+              }, 5000);
+  
+      
+  
+          }
+      }
+  }
+  </script>
+  <style lang="scss">
+  @import '@/assets/login.scss'; 
+  
+  $width:100vw;
+  $height: 100vh;
+  
+  .card {
+    width: $width;
+    height: $height;
+    background-image: url(@/assets/login.png);
+    background-size: 100% 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    align-content: center;
+    font-size: 16px;
+    flex-direction: column;
+  
+    
+  
+  
+    form {
+      width: 350px;
+      height: 350px;
+      background-color: gainsboro;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      align-content: center;
+      flex-wrap: wrap;
+      opacity: 0.7;
+      border-radius: 20px;
+  
+
+      .title {
+        font-weight: bolder;
+  
+    }
+      div {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        align-content: center;
+        flex-wrap: wrap;
+        width: 400px;
+        margin: 10px 30px;
+  
+        // scss 可以有层级关系
+        input {
+          opacity: 1;
+          flex: 4;
+          height: 25px;
+        }
+      }
+  
+  
+    }
+  }
+  </style>
\ No newline at end of file
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/views/main.vue" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/views/main.vue"
new file mode 100644
index 0000000000000000000000000000000000000000..a7b0676ce589a8c9898f19934dbd19d0a36671d0
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/src/views/main.vue"
@@ -0,0 +1,52 @@
+<template>
+    <div class="common-layout">
+        <el-container>
+            <el-header class="header">Ark Nights</el-header>
+            <el-container>
+                <el-aside class="left">
+                    <menuview></menuview>
+                </el-aside>
+                <el-main class="main">
+                    <tableview></tableview>
+                </el-main>
+            </el-container>
+        </el-container>
+    </div>
+</template>
+<script>
+import menuview from '../components/menu.vue';
+import tableview from '../components/table.vue';
+export default {
+    components: {
+        menuview: menuview,
+        tableview,
+    }
+}
+</script>
+<style lang="scss">
+.common-layout {
+    color: black;
+
+    .header {
+        height: 10vh;
+        width: 100%;
+        background-color: black;
+        color: white;
+        text-align: center;
+        line-height: 10vh;
+        font-family: KaiTI;
+    }
+
+    .left {
+        width: 20vw;
+        height: 80vh;
+        background-color: gray;
+    }
+
+    .main {
+        width: 80vw;
+        height: 80vh;
+        background-color: white;
+    }
+}
+</style>
\ No newline at end of file
diff --git "a/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/vite.config.js" "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/vite.config.js"
new file mode 100644
index 0000000000000000000000000000000000000000..de5cb31c632332a5867502004ce2ade73d9df29f
--- /dev/null
+++ "b/\347\216\213\347\232\223vue/\347\231\273\345\275\225+\345\220\216\345\217\260\347\256\241\347\220\206/homework/admin/vite.config.js"
@@ -0,0 +1,14 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    }
+  }
+})