Auto commit

1d51a461 · 628c9f991a7e4862742d8a2f · 9949aabe · 1d51a461 · 1d51a461 · 1d51a461
22 changed file
--- a/.gitignore
+++ b/.gitignore
+.DS_Store
+node_modules
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*
\ No newline at end of file
--- a/.inscode
+++ b/.inscode
-run = "index.html"
+run="upm add guess;npm run dev"
 [nix]
-channel = "stable-21_11"
+channel = "stable-22_11"
--- a/.upm/store.json
+++ b/.upm/store.json
+{"version":2,"languages":{"nodejs-npm":{"specfileHash":"ef5f056787f391d32d32290538ccce8c","lockfileHash":"43a6a419f2e2e6bf7ba0d021077e7c41"}}}
--- a/README.md
+++ b/README.md
+# Vue 3 + Vite
+This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+## Recommended IDE Setup
+- [VS Code](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).
--- a/index.html
+++ b/index.html
 <!DOCTYPE html>
 <html lang="en">
-<head>
+  <head>
-    <meta charset="UTF-8">
+    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link href="style.css" rel="stylesheet" type="text/css" />
+    <title>chat</title>
-    <title>InsCode</title>
+  </head>
-</head>
+  <body>
-<body>
+    <div id="app"></div>
-    <div class="container">
+    <script type="module" src="/src/main.js"></script>
-        <img src="src/assets/logo.svg" alt="InsCode">
+  </body>
-        <div>欢迎来到 InsCode</div>
-    </div>
-    <script src="script.js"></script>
-</body>
 </html>
--- a/inscode.nix
+++ b/inscode.nix
 { pkgs }: {
    deps = [
+        pkgs.nodejs
+        pkgs.yarn
+        pkgs.cowsay
    ];
 }
--- a/package-lock.json
+++ b/package-lock.json
+{
+  "name": "my-vue-app",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "my-vue-app",
+      "version": "0.0.0",
+      "dependencies": {
+        "axios": "^1.3.4",
+        "guess": "^1.0.2",
+        "highlight.js": "^11.7.0",
+        "html-loader": "^4.2.0",
+        "less": "^4.1.3",
+        "vue": "^3.2.45",
+        "vue3-markdown-it": "^1.0.10"
+      },
+      "devDependencies": {
+        "@vitejs/plugin-vue": "^4.0.0",
+        "vite": "^4.1.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.21.3",
+      "license": "MIT",
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.17.12",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.2",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/set-array": "^1.0.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.1.2",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.2",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.14",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.17",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "3.1.0",
+        "@jridgewell/sourcemap-codec": "1.4.14"
+      }
+    },
+    "node_modules/@types/eslint": {
+      "version": "8.21.3",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "node_modules/@types/eslint-scope": {
+      "version": "3.7.4",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "0.0.51",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.11",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@types/linkify-it": {
+      "version": "3.0.2",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@types/markdown-it": {
+      "version": "12.2.3",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/linkify-it": "*",
+        "@types/mdurl": "*"
+      }
+    },
+    "node_modules/@types/mdurl": {
+      "version": "1.0.2",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@types/node": {
+      "version": "18.15.5",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "4.1.0",
+      "dev": true,
+      "license": "MIT",
+      "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",
+      "license": "MIT",
+      "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",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.2.47",
+        "@vue/shared": "3.2.47"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.2.47",
+      "license": "MIT",
+      "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",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.2.47",
+        "@vue/shared": "3.2.47"
+      }
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.2.47",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.2.47"
+      }
+    },
+    "node_modules/@vue/reactivity-transform": {
+      "version": "3.2.47",
+      "license": "MIT",
+      "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",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.2.47",
+        "@vue/shared": "3.2.47"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.2.47",
+      "license": "MIT",
+      "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",
+      "license": "MIT",
+      "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",
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.11.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.11.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.11.1",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.11.1",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.11.1",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.11.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": "1.11.1",
+        "@webassemblyjs/helper-api-error": "1.11.1",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.11.1",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.11.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.1",
+        "@webassemblyjs/helper-buffer": "1.11.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
+        "@webassemblyjs/wasm-gen": "1.11.1"
+      }
+    },
+    "node_modules/@webassemblyjs/ieee754": {
+      "version": "1.11.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "node_modules/@webassemblyjs/leb128": {
+      "version": "1.11.1",
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/utf8": {
+      "version": "1.11.1",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/wasm-edit": {
+      "version": "1.11.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.1",
+        "@webassemblyjs/helper-buffer": "1.11.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
+        "@webassemblyjs/helper-wasm-section": "1.11.1",
+        "@webassemblyjs/wasm-gen": "1.11.1",
+        "@webassemblyjs/wasm-opt": "1.11.1",
+        "@webassemblyjs/wasm-parser": "1.11.1",
+        "@webassemblyjs/wast-printer": "1.11.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-gen": {
+      "version": "1.11.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
+        "@webassemblyjs/ieee754": "1.11.1",
+        "@webassemblyjs/leb128": "1.11.1",
+        "@webassemblyjs/utf8": "1.11.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-opt": {
+      "version": "1.11.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.1",
+        "@webassemblyjs/helper-buffer": "1.11.1",
+        "@webassemblyjs/wasm-gen": "1.11.1",
+        "@webassemblyjs/wasm-parser": "1.11.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-parser": {
+      "version": "1.11.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.1",
+        "@webassemblyjs/helper-api-error": "1.11.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
+        "@webassemblyjs/ieee754": "1.11.1",
+        "@webassemblyjs/leb128": "1.11.1",
+        "@webassemblyjs/utf8": "1.11.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wast-printer": {
+      "version": "1.11.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.1",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@xtuc/ieee754": {
+      "version": "1.2.0",
+      "license": "BSD-3-Clause",
+      "peer": true
+    },
+    "node_modules/@xtuc/long": {
+      "version": "4.2.2",
+      "license": "Apache-2.0",
+      "peer": true
+    },
+    "node_modules/acorn": {
+      "version": "8.8.2",
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-import-assertions": {
+      "version": "1.8.0",
+      "license": "MIT",
+      "peer": true,
+      "peerDependencies": {
+        "acorn": "^8"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-keywords": {
+      "version": "3.5.2",
+      "license": "MIT",
+      "peer": true,
+      "peerDependencies": {
+        "ajv": "^6.9.1"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "license": "Python-2.0"
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "license": "MIT"
+    },
+    "node_modules/axios": {
+      "version": "1.3.4",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.0",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.21.5",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        }
+      ],
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001449",
+        "electron-to-chromium": "^1.4.284",
+        "node-releases": "^2.0.8",
+        "update-browserslist-db": "^1.0.10"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "license": "MIT"
+    },
+    "node_modules/camel-case": {
+      "version": "4.1.2",
+      "license": "MIT",
+      "dependencies": {
+        "pascal-case": "^3.1.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001469",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        }
+      ],
+      "license": "CC-BY-4.0",
+      "peer": true
+    },
+    "node_modules/chrome-trace-event": {
+      "version": "1.0.3",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/clean-css": {
+      "version": "5.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "source-map": "~0.6.0"
+      },
+      "engines": {
+        "node": ">= 10.0"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/commander": {
+      "version": "9.5.0",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || >=14"
+      }
+    },
+    "node_modules/copy-anything": {
+      "version": "2.0.6",
+      "license": "MIT",
+      "dependencies": {
+        "is-what": "^3.14.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "2.6.21",
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "3.2.7",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/dot-case": {
+      "version": "3.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.4.334",
+      "license": "ISC",
+      "peer": true
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.12.0",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "4.4.0",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/errno": {
+      "version": "0.1.8",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "prr": "~1.0.1"
+      },
+      "bin": {
+        "errno": "cli.js"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "0.9.3",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/esbuild": {
+      "version": "0.17.12",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/android-arm": "0.17.12",
+        "@esbuild/android-arm64": "0.17.12",
+        "@esbuild/android-x64": "0.17.12",
+        "@esbuild/darwin-arm64": "0.17.12",
+        "@esbuild/darwin-x64": "0.17.12",
+        "@esbuild/freebsd-arm64": "0.17.12",
+        "@esbuild/freebsd-x64": "0.17.12",
+        "@esbuild/linux-arm": "0.17.12",
+        "@esbuild/linux-arm64": "0.17.12",
+        "@esbuild/linux-ia32": "0.17.12",
+        "@esbuild/linux-loong64": "0.17.12",
+        "@esbuild/linux-mips64el": "0.17.12",
+        "@esbuild/linux-ppc64": "0.17.12",
+        "@esbuild/linux-riscv64": "0.17.12",
+        "@esbuild/linux-s390x": "0.17.12",
+        "@esbuild/linux-x64": "0.17.12",
+        "@esbuild/netbsd-x64": "0.17.12",
+        "@esbuild/openbsd-x64": "0.17.12",
+        "@esbuild/sunos-x64": "0.17.12",
+        "@esbuild/win32-arm64": "0.17.12",
+        "@esbuild/win32-ia32": "0.17.12",
+        "@esbuild/win32-x64": "0.17.12"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.1.1",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esrecurse/node_modules/estraverse": {
+      "version": "5.3.0",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "4.3.0",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "license": "MIT"
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.2",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "license": "BSD-2-Clause",
+      "peer": true
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "license": "ISC"
+    },
+    "node_modules/guess": {
+      "version": "1.0.2"
+    },
+    "node_modules/has": {
+      "version": "1.0.3",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/highlight.js": {
+      "version": "11.7.0",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/html-loader": {
+      "version": "4.2.0",
+      "license": "MIT",
+      "dependencies": {
+        "html-minifier-terser": "^7.0.0",
+        "parse5": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 14.15.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/html-minifier-terser": {
+      "version": "7.1.0",
+      "license": "MIT",
+      "dependencies": {
+        "camel-case": "^4.1.2",
+        "clean-css": "5.2.0",
+        "commander": "^9.4.1",
+        "entities": "^4.4.0",
+        "param-case": "^3.0.4",
+        "relateurl": "^0.2.7",
+        "terser": "^5.15.1"
+      },
+      "bin": {
+        "html-minifier-terser": "cli.js"
+      },
+      "engines": {
+        "node": "^14.13.1 || >=16.0.0"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/image-size": {
+      "version": "0.5.5",
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "image-size": "bin/image-size.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.11.0",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-what": {
+      "version": "3.14.1",
+      "license": "MIT"
+    },
+    "node_modules/jest-worker": {
+      "version": "27.5.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/less": {
+      "version": "4.1.3",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "copy-anything": "^2.0.1",
+        "parse-node-version": "^1.0.1",
+        "tslib": "^2.3.0"
+      },
+      "bin": {
+        "lessc": "bin/lessc"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "optionalDependencies": {
+        "errno": "^0.1.1",
+        "graceful-fs": "^4.1.2",
+        "image-size": "~0.5.0",
+        "make-dir": "^2.1.0",
+        "mime": "^1.4.1",
+        "needle": "^3.1.0",
+        "source-map": "~0.6.0"
+      }
+    },
+    "node_modules/linkify-it": {
+      "version": "3.0.3",
+      "license": "MIT",
+      "dependencies": {
+        "uc.micro": "^1.0.1"
+      }
+    },
+    "node_modules/loader-runner": {
+      "version": "4.3.0",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6.11.5"
+      }
+    },
+    "node_modules/lodash.flow": {
+      "version": "3.5.0",
+      "license": "MIT"
+    },
+    "node_modules/lower-case": {
+      "version": "2.0.2",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.25.9",
+      "license": "MIT",
+      "dependencies": {
+        "sourcemap-codec": "^1.4.8"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "2.1.0",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "pify": "^4.0.1",
+        "semver": "^5.6.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/markdown-it": {
+      "version": "12.3.2",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1",
+        "entities": "~2.1.0",
+        "linkify-it": "^3.0.1",
+        "mdurl": "^1.0.1",
+        "uc.micro": "^1.0.5"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.js"
+      }
+    },
+    "node_modules/markdown-it-abbr": {
+      "version": "1.0.4",
+      "license": "MIT"
+    },
+    "node_modules/markdown-it-anchor": {
+      "version": "8.6.7",
+      "license": "Unlicense",
+      "peerDependencies": {
+        "@types/markdown-it": "*",
+        "markdown-it": "*"
+      }
+    },
+    "node_modules/markdown-it-deflist": {
+      "version": "2.1.0",
+      "license": "MIT"
+    },
+    "node_modules/markdown-it-emoji": {
+      "version": "2.0.2",
+      "license": "MIT"
+    },
+    "node_modules/markdown-it-footnote": {
+      "version": "3.0.3",
+      "license": "MIT"
+    },
+    "node_modules/markdown-it-highlightjs": {
+      "version": "3.6.0",
+      "license": "Unlicense",
+      "dependencies": {
+        "highlight.js": "^11.3.1",
+        "lodash.flow": "^3.5.0"
+      }
+    },
+    "node_modules/markdown-it-ins": {
+      "version": "3.0.1",
+      "license": "MIT"
+    },
+    "node_modules/markdown-it-mark": {
+      "version": "3.0.1",
+      "license": "MIT"
+    },
+    "node_modules/markdown-it-sub": {
+      "version": "1.0.0",
+      "license": "MIT"
+    },
+    "node_modules/markdown-it-sup": {
+      "version": "1.0.0",
+      "license": "MIT"
+    },
+    "node_modules/markdown-it-task-lists": {
+      "version": "2.1.1",
+      "license": "ISC"
+    },
+    "node_modules/markdown-it-toc-done-right": {
+      "version": "4.2.0",
+      "license": "MIT"
+    },
+    "node_modules/markdown-it/node_modules/entities": {
+      "version": "2.1.0",
+      "license": "BSD-2-Clause",
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/mdurl": {
+      "version": "1.0.1",
+      "license": "MIT"
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.4",
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/needle": {
+      "version": "3.2.0",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "debug": "^3.2.6",
+        "iconv-lite": "^0.6.3",
+        "sax": "^1.2.4"
+      },
+      "bin": {
+        "needle": "bin/needle"
+      },
+      "engines": {
+        "node": ">= 4.4.x"
+      }
+    },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/no-case": {
+      "version": "3.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "lower-case": "^2.0.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.10",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/param-case": {
+      "version": "3.0.4",
+      "license": "MIT",
+      "dependencies": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/parse-node-version": {
+      "version": "1.0.1",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/parse5": {
+      "version": "7.1.2",
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^4.4.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/pascal-case": {
+      "version": "3.1.2",
+      "license": "MIT",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.0",
+      "license": "ISC"
+    },
+    "node_modules/pify": {
+      "version": "4.0.1",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.21",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.4",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "license": "MIT"
+    },
+    "node_modules/prr": {
+      "version": "1.0.1",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/punycode": {
+      "version": "2.3.0",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/relateurl": {
+      "version": "0.2.7",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.9.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "3.20.0",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=14.18.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/sax": {
+      "version": "1.2.4",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/schema-utils": {
+      "version": "3.1.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/semver": {
+      "version": "5.7.1",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/serialize-javascript": {
+      "version": "6.0.1",
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/sourcemap-codec": {
+      "version": "1.4.8",
+      "license": "MIT"
+    },
+    "node_modules/supports-color": {
+      "version": "8.1.1",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/terser": {
+      "version": "5.16.6",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.2",
+        "acorn": "^8.5.0",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser-webpack-plugin": {
+      "version": "5.3.7",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.17",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^3.1.1",
+        "serialize-javascript": "^6.0.1",
+        "terser": "^5.16.5"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "uglify-js": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "license": "MIT"
+    },
+    "node_modules/tslib": {
+      "version": "2.5.0",
+      "license": "0BSD"
+    },
+    "node_modules/uc.micro": {
+      "version": "1.0.6",
+      "license": "MIT"
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.0.10",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        }
+      ],
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "escalade": "^3.1.1",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "browserslist-lint": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/vite": {
+      "version": "4.2.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.17.5",
+        "postcss": "^8.4.21",
+        "resolve": "^1.22.1",
+        "rollup": "^3.18.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",
+      "license": "MIT",
+      "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/vue3-markdown-it": {
+      "version": "1.0.10",
+      "license": "MIT",
+      "dependencies": {
+        "markdown-it": "^12.3.2",
+        "markdown-it-abbr": "^1.0.4",
+        "markdown-it-anchor": "^8.4.1",
+        "markdown-it-deflist": "^2.1.0",
+        "markdown-it-emoji": "^2.0.0",
+        "markdown-it-footnote": "^3.0.3",
+        "markdown-it-highlightjs": "^3.6.0",
+        "markdown-it-ins": "^3.0.1",
+        "markdown-it-mark": "^3.0.1",
+        "markdown-it-sub": "^1.0.0",
+        "markdown-it-sup": "^1.0.0",
+        "markdown-it-task-lists": "^2.1.1",
+        "markdown-it-toc-done-right": "^4.2.0"
+      }
+    },
+    "node_modules/watchpack": {
+      "version": "2.4.0",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack": {
+      "version": "5.76.2",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/eslint-scope": "^3.7.3",
+        "@types/estree": "^0.0.51",
+        "@webassemblyjs/ast": "1.11.1",
+        "@webassemblyjs/wasm-edit": "1.11.1",
+        "@webassemblyjs/wasm-parser": "1.11.1",
+        "acorn": "^8.7.1",
+        "acorn-import-assertions": "^1.7.6",
+        "browserslist": "^4.14.5",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.10.0",
+        "es-module-lexer": "^0.9.0",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.9",
+        "json-parse-even-better-errors": "^2.3.1",
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^3.1.0",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.1.3",
+        "watchpack": "^2.4.0",
+        "webpack-sources": "^3.2.3"
+      },
+      "bin": {
+        "webpack": "bin/webpack.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependenciesMeta": {
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-sources": {
+      "version": "3.2.3",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    }
+  }
+}
--- a/package.json
+++ b/package.json
+{
+  "name": "my-vue-app",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "axios": "^1.3.4",
+    "guess": "^1.0.2",
+    "highlight.js": "^11.7.0",
+    "html-loader": "^4.2.0",
+    "less": "^4.1.3",
+    "vue": "^3.2.45",
+    "vue3-markdown-it": "^1.0.10"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.0.0",
+    "vite": "^4.1.0"
+  }
+}
--- a/public/vite.svg
+++ b/public/vite.svg
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
--- a/script.js
+++ b/script.js
--- a/src/App.vue
+++ b/src/App.vue
+<template>
+  <div class="main">
+    <div class="main-ctx">
+      <msg-row
+        v-for="item in msgQuenue"
+        :key="item"
+        :data="item"
+      />
+    </div>
+    <div class="main-footer">
+      <div class="main-footer-ctx">
+        <send-button @click="send" class="main-footer-btn"/>
+        <input v-model="msg" class="main-footer-input" @keypress.enter.native="send"/>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import SendButton from './components/send-button.vue'
+import MsgRow from './components/msg-row.vue'
+import request from './api/index';
+import { reactive } from 'vue';
+export default {
+  components: { SendButton, MsgRow },
+  data () {
+    return {
+      msg: '',
+      loading: false,
+      msgQuenue: []
+    }
+  },
+  methods: {
+    async send () {
+      if (this.msg.trim() === '') return
+      if (this.loading) return
+      this.loading = true
+      this.msgQuenue.push({
+        role: 'user',
+        content: this.msg
+      })
+      const requestMsg = this.msg
+      this.msg = ''
+      const item = reactive({
+        role: 'assist',
+        loading: true,
+        content: ''
+      })
+      this.msgQuenue.push(item)
+      this.$nextTick(() => {
+        // 测试
+        window.scrollTo(0, document.body.scrollHeight)
+      })
+      request({
+        url: 'v1/chat/completions',
+        method: 'post',
+        data: {
+          model: 'gpt-3.5-turbo',
+          messages: [{ role: 'user', content: requestMsg }]
+        }
+      }).then(res => {
+        const { data } = res
+        const msg = this.getMsg(reactive(data.choices))
+        item.content = msg.content
+        item.loading = false
+        this.$nextTick(() => {
+          window.scrollTo(0, document.body.scrollHeight)
+        })
+      }).catch(err => {
+        item.content = '请求超时或失败！'
+        item.loading = false
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    getMsg (choices = []) {
+      if (choices.length) {
+        return {
+          error: false,
+          ...choices[0].message
+        }
+      }
+      return {
+        error: true
+      }
+    }
+  }
+}
+</script>
+<style lang="less">
+.main {
+  background: rgb(55, 56, 67);
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 100vh;
+  padding: 0 0 100px 0;
+  &-footer {
+    position: relative;
+    width: 100%;
+    position: fixed;
+    bottom: 36px;
+    overflow: hidden;
+    text-align: center;
+    &-ctx {
+      display: inline-block;
+      position: relative;
+      width: 60%;
+    }
+    &-input {
+      width: 100%;
+      color: #FFF;
+      padding: 0 12px;
+      display: inline-block;
+      height: 42px;
+      margin: 0 auto;
+      border-radius: 6px;
+      background: rgb(66, 67, 80);
+    }
+    &-btn {
+      position: absolute;
+      right: 8px;
+      top: 50%;
+      margin-top: -13px;
+    }
+  }
+}
+</style>
--- a/src/api/index.js
+++ b/src/api/index.js
+import axios from 'axios';
+// 创建一个 axios 实例
+const request = axios.create({
+    baseURL: 'https://openai.api2d.net',
+    withCredentials: true,
+    headers: {
+        'Content-Type': 'application/json',
+        'Authorization': 'Bearer fk186498-8FwkRSTv6gKo75npRdIIkLizDade6F4B'
+    }
+});
+export default request
--- a/src/assets/ChatGPT.svg
+++ b/src/assets/ChatGPT.svg
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1678955788099" fill="#FFFFFF" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2324" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M956.488825 419.108638a252.269534 252.269534 0 0 0-22.198841-209.554136 262.216956 262.216956 0 0 0-226.742695-129.535908c-18.468558 0-36.863974 1.938284-54.893675 5.74171A260.095814 260.095814 0 0 0 459.264038 0.000366h-2.230856c-113.407919 0-213.942704 72.191948-248.831822 178.651301A258.41353 258.41353 0 0 0 35.32834 302.409293 255.56096 255.56096 0 0 0 0.000366 431.872057c0 63.963383 24.063983 125.622767 67.510809 173.055877a252.15982 252.15982 0 0 0 22.198841 209.480993c56.612531 97.279931 170.422735 147.34618 281.599799 123.830769A260.132386 260.132386 0 0 0 564.699391 1023.999634h2.303998c113.481062 0 214.015847-72.191948 248.868394-178.724443a258.450101 258.450101 0 0 0 172.836448-123.757626 255.231818 255.231818 0 0 0-32.182834-302.445499zM566.418247 957.073968h-0.256a195.693575 195.693575 0 0 1-124.233054-44.434254c2.047999-1.097142 4.095997-2.230856 6.107424-3.437712l206.628424-117.759916a33.097119 33.097119 0 0 0 17.005702-28.818265v-287.63408l87.332509 49.737107a3.071998 3.071998 0 0 1 1.718856 2.377141v238.07983c-0.109714 105.801067-87.039938 191.634149-194.303861 191.853577zM148.553402 780.909522a189.513007 189.513007 0 0 1-23.22284-128.585051l6.143996 3.65714 206.628423 117.759916a34.047976 34.047976 0 0 0 33.974833 0l252.269534-143.725611v99.657071a3.071998 3.071998 0 0 1-1.243427 2.486856l-208.895851 119.003343c-29.549693 16.786274-63.049098 25.599982-97.170216 25.599982-69.485665 0-133.668476-36.534831-168.484452-95.817074zM94.171727 335.872126a193.206719 193.206719 0 0 1 101.266213-84.150797l-0.109714 7.021709V494.482298c0 11.922277 6.473138 22.893698 16.969131 28.781694l252.269534 143.725612-87.332509 49.737107a3.181712 3.181712 0 0 1-2.925712 0.292571l-208.932422-119.113058a191.67072 191.67072 0 0 1-97.133645-166.253595c0-33.609119 8.959994-66.633095 25.965695-95.817075z m717.604059 164.754168L559.542823 356.900682l87.332509-49.737107a3.145141 3.145141 0 0 1 2.925712-0.292571l208.932423 119.003343a191.561006 191.561006 0 0 1 97.243359 166.217024c0 80.383943-50.834249 152.356463-127.305052 180.114157v-242.578112-0.292571a33.060548 33.060548 0 0 0-16.822845-28.708551z m86.930223-129.097051a297.691216 297.691216 0 0 0-6.143995-3.620569l-206.628424-117.759916a34.084547 34.084547 0 0 0-33.938261 0l-252.306106 143.725612V294.180727c0-0.987428 0.475428-1.901713 1.279999-2.486855l208.895851-118.857058a196.571288 196.571288 0 0 1 97.133645-25.673125c107.410209 0 194.52329 85.942796 194.523289 191.890149 0 10.898278-0.950856 21.759984-2.815998 32.475405z m-546.486466 177.371302l-87.369081-49.737107a3.071998 3.071998 0 0 1-1.682284-2.377141v-238.07983c0.036571-105.87421 87.149652-191.743863 194.523289-191.743863 45.458253 0 89.490222 15.725703 124.452483 44.397682a182.601012 182.601012 0 0 0-6.143996 3.437712L369.37153 232.594485a33.060548 33.060548 0 0 0-17.005702 28.818265v0.182857l-0.146285 287.341509z m47.433109-100.937071l112.383919-63.999954 112.347349 63.999954v127.999909l-112.347349 63.999954-112.383919-63.999954v-127.999909z" p-id="2325"></path></svg>
\ No newline at end of file
--- a/src/assets/Send.svg
+++ b/src/assets/Send.svg
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1678957232959" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3307" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M832.170667 88.618667a82.944 82.944 0 0 1 82.346666 21.589333c21.461333 21.76 29.397333 53.632 20.650667 83.072l-53.290667 179.285333a32 32 0 1 1-61.312-18.432l53.290667-179.328a19.029333 19.029333 0 0 0-4.778667-19.285333 18.944 18.944 0 0 0-19.114666-4.992L163.370667 350.165333a18.901333 18.901333 0 0 0-13.824 16.085334 19.029333 19.029333 0 0 0 9.088 19.2l144.469333 88.917333a32.341333 32.341333 0 0 1 10.581333 44.330667 31.957333 31.957333 0 0 1-43.946666 10.666666l-144.469334-88.96a82.986667 82.986667 0 0 1-39.168-82.773333 82.730667 82.730667 0 0 1 59.52-69.418667l686.506667-199.594666zM769.194667 526.933333c5.12-17.066667 22.912-26.794667 39.850666-21.632 16.938667 5.12 26.581333 23.04 21.504 40.106667l-99.072 333.397333a82.517333 82.517333 0 0 1-69.290666 59.178667 82.090667 82.090667 0 0 1-81.834667-39.637333l-174.933333-289.706667a32.384 32.384 0 0 1 4.693333-39.466667l248.405333-249.984a31.829333 31.829333 0 0 1 45.226667 0 32.341333 32.341333 0 0 1 0 45.568l-230.570667 232.106667 161.877334 268.032a18.773333 18.773333 0 0 0 18.986666 9.216 18.901333 18.901333 0 0 0 16.085334-13.738667l99.072-333.44z" fill="#acacbe" p-id="3308"></path></svg>
\ No newline at end of file
--- a/src/assets/logo.svg
+++ b/src/assets/logo.svg
-<svg width="128" height="26" viewBox="0 0 128 26" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0 13L6.92314 1L12.8629 4.42706L7.91706 13L12.8629 21.5729L6.92314 25L0 13ZM18.045 16.0707C18.7679 15.5876 19.6178 15.3298 20.4872 15.3298C21.6531 15.3298 22.7712 15.793 23.5956 16.6174C24.42 17.4417 24.8832 18.5599 24.8832 19.7257C24.8832 20.5952 24.6254 21.4451 24.1423 22.168C23.6593 22.8909 22.9727 23.4543 22.1695 23.787C21.3662 24.1198 20.4824 24.2068 19.6296 24.0372C18.7769 23.8676 17.9936 23.4489 17.3789 22.8341C16.7641 22.2193 16.3454 21.4361 16.1758 20.5833C16.0062 19.7306 16.0932 18.8467 16.4259 18.0435C16.7587 17.2402 17.3221 16.5537 18.045 16.0707ZM22.9295 10.0172C22.2066 10.5002 21.3567 10.7581 20.4872 10.7581C19.3214 10.7581 18.2033 10.2949 17.3789 9.47052C16.5545 8.64613 16.0913 7.52801 16.0913 6.36213C16.0913 5.4927 16.3491 4.6428 16.8322 3.91989C17.3152 3.19698 18.0017 2.63355 18.805 2.30083C19.6082 1.96812 20.4921 1.88106 21.3448 2.05068C22.1976 2.2203 22.9809 2.63897 23.5956 3.25375C24.2104 3.86853 24.6291 4.65181 24.7987 5.50453C24.9683 6.35726 24.8813 7.24113 24.5485 8.04438C24.2158 8.84763 23.6524 9.53418 22.9295 10.0172Z" fill="url(#paint0_linear_8_378)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M40.1992 3.8512H35.7463V22.14H40.1992V3.8512ZM107.788 8.14508H104.926C103.238 8.14508 101.62 8.81529 100.427 10.0083C99.2344 11.2012 98.5642 12.8193 98.5642 14.5064V15.7787C98.5635 16.6142 98.7275 17.4418 99.0469 18.2139C99.3664 18.986 99.8349 19.6876 100.426 20.2784C101.017 20.8693 101.718 21.3378 102.49 21.6572C103.262 21.9767 104.09 22.1407 104.926 22.14H111.764V3.8512H107.788V8.14508ZM103.997 17.9781C103.57 17.797 103.205 17.4963 102.946 17.1121C102.68 16.7183 102.538 16.2538 102.539 15.7787V14.5064C102.538 14.1876 102.602 13.872 102.726 13.5784C102.908 13.1457 103.214 12.7764 103.605 12.5171C103.997 12.2578 104.456 12.1199 104.926 12.1209H107.788V18.1641H104.926C104.607 18.1656 104.291 18.1023 103.997 17.9781ZM49.5026 8.14507C50.533 8.14431 51.5401 8.45229 52.3938 9.02929C53.0954 9.50216 53.67 10.1402 54.0671 10.8873C54.4642 11.6344 54.6717 12.4676 54.6712 13.3136V22.1399H50.6953V13.3136C50.6956 13.1931 50.6777 13.0733 50.6421 12.9582C50.6077 12.848 50.5573 12.7436 50.4926 12.6481C50.3627 12.4556 50.1799 12.3048 49.9662 12.2139C49.8196 12.1518 49.6618 12.1201 49.5026 12.1209H47.4352C47.3147 12.1206 47.1948 12.1386 47.0797 12.1742C46.9696 12.2085 46.8651 12.2589 46.7696 12.3237C46.5771 12.4535 46.4263 12.6363 46.3355 12.8501C46.2733 12.9967 46.2417 13.1544 46.2424 13.3136V22.1399H42.2666V13.3136C42.2659 12.6347 42.3991 11.9623 42.6585 11.3348C42.918 10.7074 43.2987 10.1374 43.7788 9.65727C44.2589 9.17718 44.829 8.79649 45.4564 8.53701C46.0838 8.27752 46.7562 8.14433 47.4352 8.14507H49.5026ZM66.2701 14.0762C65.5472 13.5791 64.6904 13.3131 63.8131 13.3136H60.3144C60.2219 13.3144 60.1303 13.2957 60.0456 13.2588C59.9473 13.215 59.8595 13.1507 59.7883 13.07C59.7171 12.9893 59.6641 12.8942 59.6329 12.7912C59.6097 12.7157 59.5982 12.6372 59.5987 12.5582C59.5981 12.4543 59.6181 12.3514 59.6576 12.2553C59.7133 12.1212 59.8067 12.006 59.9263 11.9237C59.9823 11.885 60.0436 11.8547 60.1084 11.8338C60.1751 11.813 60.2445 11.8025 60.3144 11.8028H63.177C63.4637 11.8017 63.7457 11.8755 63.9952 12.0167C64.2381 12.154 64.4433 12.3494 64.5923 12.5853L67.6871 10.6371C67.2077 9.87451 66.5427 9.24593 65.7544 8.81012C64.9661 8.37431 64.0801 8.14549 63.1793 8.14506H60.3168C59.7279 8.14474 59.1451 8.26433 58.604 8.49653C58.018 8.75033 57.494 9.12835 57.0684 9.60447C56.6428 10.0806 56.3257 10.6435 56.139 11.2542C55.8371 12.245 55.8888 13.31 56.2853 14.267C56.6119 15.0528 57.159 15.7271 57.8605 16.2088C58.5832 16.7058 59.4397 16.9717 60.3168 16.9714H63.8155C63.9076 16.9714 63.9987 16.9901 64.0834 17.0262C64.213 17.0835 64.3235 17.1768 64.4015 17.295C64.4424 17.3563 64.474 17.4233 64.4953 17.4938C64.5495 17.6699 64.5407 17.8593 64.4707 18.0297C64.4149 18.1639 64.3216 18.279 64.2019 18.3613C64.0885 18.4408 63.9532 18.483 63.8147 18.4822H60.3955C60.111 18.4831 59.831 18.4105 59.5828 18.2715C59.3408 18.1366 59.1361 17.9437 58.9872 17.7101L55.9068 19.6829C56.3887 20.4364 57.0526 21.0564 57.8372 21.4858C58.6218 21.9152 59.5019 22.1402 60.3963 22.1399H63.8155C64.4041 22.1404 64.9866 22.0208 65.5275 21.7885C66.3103 21.4519 66.9781 20.8946 67.4494 20.1846C68.0941 19.2159 68.3322 18.0325 68.1124 16.8898C67.8925 15.7471 67.2323 14.7365 66.2741 14.0762H66.2701ZM91.0906 8.14507C92.359 8.1432 93.5988 8.52185 94.6497 9.23206H94.6481C95.5119 9.81416 96.2193 10.5996 96.7082 11.5193C97.1971 12.439 97.4525 13.4648 97.4519 14.5064V15.7786C97.4519 17.4658 96.7817 19.0838 95.5887 20.2768C94.3957 21.4697 92.7777 22.14 91.0906 22.14H89.8183C88.9827 22.1407 88.1552 21.9766 87.3831 21.6572C86.611 21.3378 85.9094 20.8692 85.3186 20.2784C84.7277 19.6876 84.2592 18.986 83.9397 18.2139C83.6203 17.4418 83.4563 16.6142 83.457 15.7786V14.5064C83.457 12.8193 84.1272 11.2012 85.3202 10.0083C86.5132 8.81528 88.1312 8.14507 89.8183 8.14507H91.0906ZM93.2892 16.7066C93.413 16.4129 93.4766 16.0974 93.4761 15.7786V14.5072C93.4761 14.2664 93.4399 14.0271 93.3687 13.7971C93.3001 13.5759 93.1991 13.3661 93.0689 13.1745C92.8094 12.7903 92.4443 12.4894 92.0177 12.3078C91.7242 12.1835 91.4085 12.12 91.0898 12.1209H89.8175C89.3484 12.1202 88.8895 12.258 88.4985 12.5172C88.1075 12.7764 87.8018 13.1453 87.6197 13.5776C87.4954 13.8712 87.4318 14.1868 87.4328 14.5056V15.7778C87.4318 16.253 87.5734 16.7175 87.8392 17.1113C88.0985 17.4955 88.4637 17.7962 88.8904 17.9773C89.1836 18.1016 89.499 18.1651 89.8175 18.1641H91.0898C91.5646 18.1652 92.0288 18.0239 92.4225 17.7586C92.8067 17.4987 93.1077 17.1334 93.2892 16.7066ZM122.872 17.7101C122.723 17.9433 122.518 18.1361 122.277 18.2715C122.029 18.4103 121.749 18.4828 121.465 18.4822H119.079C118.74 18.4833 118.403 18.4157 118.09 18.2834C117.635 18.0896 117.246 17.7685 116.969 17.3586C116.887 17.236 116.815 17.1061 116.756 16.9706H126.876V14.3473C126.876 12.7024 126.223 11.1248 125.059 9.96167C123.896 8.79852 122.319 8.14506 120.674 8.14506H119.083C117.439 8.14506 115.861 8.79852 114.698 9.96167C113.535 11.1248 112.881 12.7024 112.881 14.3473V15.9377C112.88 16.7524 113.04 17.5593 113.352 18.3122C113.663 19.065 114.12 19.7491 114.696 20.3252C115.272 20.9013 115.956 21.3581 116.709 21.6695C117.462 21.9809 118.269 22.1408 119.083 22.1399H121.469C122.363 22.1399 123.243 21.9148 124.027 21.4854C124.811 21.056 125.475 20.4361 125.957 19.6829L122.872 17.7101ZM117.658 12.2362C118.078 11.9528 118.573 11.8019 119.079 11.8028H120.67C121.01 11.802 121.347 11.8699 121.661 12.0024C122.257 12.2536 122.734 12.7229 122.996 13.3144H116.754C116.949 12.8777 117.262 12.5042 117.659 12.2362H117.658ZM75.8225 7.98605C75.3634 7.98448 74.9144 8.12137 74.5343 8.37886C74.1652 8.63064 73.8764 8.98346 73.7026 9.39508C73.5825 9.67883 73.5211 9.98393 73.5221 10.292V15.6991C73.5208 16.1582 73.6577 16.607 73.9149 16.9873C74.1658 17.3591 74.519 17.6502 74.9319 17.8254C75.2157 17.9452 75.5208 18.0066 75.8288 18.0059H77.812C78.0118 18.0051 78.2107 17.9784 78.4036 17.9264C78.589 17.8776 78.7675 17.8055 78.9347 17.7117C79.2683 17.5247 79.5507 17.2584 79.757 16.9364L83.239 19.1629C82.6561 20.0735 81.8536 20.8228 80.9052 21.3419C79.9568 21.8611 78.8931 22.1333 77.812 22.1336H75.8241C74.1159 22.1336 72.4776 21.455 71.2697 20.2471C70.0618 19.0392 69.3832 17.401 69.3832 15.6928V10.292C69.3825 9.446 69.5486 8.60813 69.872 7.82636C70.1955 7.0446 70.6699 6.33427 71.2681 5.73604C71.8663 5.13781 72.5766 4.66341 73.3584 4.33999C74.1402 4.01657 74.978 3.85047 75.8241 3.8512H77.812C78.9039 3.84997 79.9782 4.1267 80.9336 4.65532C81.889 5.18395 82.6941 5.94708 83.2732 6.87282L79.7681 9.07066C79.6143 8.82592 79.4164 8.61184 79.1844 8.4393C78.7873 8.14395 78.3053 7.98496 77.8104 7.98605H75.8225Z" fill="#26294B"/>
-<defs>
-<linearGradient id="paint0_linear_8_378" x1="0" y1="1" x2="18.7137" y2="29.1027" gradientUnits="userSpaceOnUse">
-<stop stop-color="#1FAEFF"/>
-<stop offset="1" stop-color="#D86AE1"/>
-</linearGradient>
-</defs>
-</svg>
--- a/src/assets/reset.css
+++ b/src/assets/reset.css
+/**
+ * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
+ * http://cssreset.com
+ */
+ html, body, div, span, applet, object, iframe,
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+ a, abbr, acronym, address, big, cite, code,
+ del, dfn, em, img, ins, kbd, q, s, samp,
+ small, strike, strong, sub, sup, tt, var,
+ b, u, i, center,
+ dl, dt, dd, ol, ul, li,
+ fieldset, form, label, legend,
+ table, caption, tbody, tfoot, thead, tr, th, td,
+ article, aside, canvas, details, embed, 
+ figure, figcaption, footer, header, hgroup, 
+ menu, nav, output, ruby, section, summary,
+ time, mark, audio, video{
+   margin: 0;
+   padding: 0;
+   border: 0;
+   font-size: 100%;
+   font: inherit;
+   font-weight: normal;
+   vertical-align: baseline;
+ }
+ /* HTML5 display-role reset for older browsers */
+ article, aside, details, figcaption, figure, 
+ footer, header, hgroup, menu, nav, section{
+   display: block;
+ }
+ ol, ul, li{
+   list-style: none;
+ }
+ blockquote, q{
+   quotes: none;
+ }
+ blockquote:before, blockquote:after,
+ q:before, q:after{
+   content: '';
+   content: none;
+ }
+ table{
+   border-collapse: collapse;
+   border-spacing: 0;
+ }
+ /* custom */
+ a{
+   color: #7e8c8d;
+   text-decoration: none;
+   -webkit-backface-visibility: hidden;
+ }
+ ::-webkit-scrollbar{
+   width: 5px;
+   height: 5px;
+ }
+ ::-webkit-scrollbar-track-piece{
+   background-color: rgba(0, 0, 0, 0.2);
+   -webkit-border-radius: 6px;
+ }
+ ::-webkit-scrollbar-thumb:vertical{
+   height: 5px;
+   background-color: rgba(125, 125, 125, 0.7);
+   -webkit-border-radius: 6px;
+ }
+ ::-webkit-scrollbar-thumb:horizontal{
+   width: 5px;
+   background-color: rgba(125, 125, 125, 0.7);
+   -webkit-border-radius: 6px;
+ }
+ html, body{
+   width: 100%;
+   font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", "微软雅黑", sans-serif;
+ }
+ body{
+   line-height: 1;
+   -webkit-text-size-adjust: none;
+   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+ }
+ html{
+   overflow-y: scroll;
+    background: rgb(55, 56, 67);
+ }
+ /*清除浮动*/
+ .clearfix:before,
+ .clearfix:after{
+   content: " ";
+   display: inline-block;
+   height: 0;
+   clear: both;
+   visibility: hidden;
+ }
+ .clearfix{
+   *zoom: 1;
+ }
+ /*隐藏*/
+ .dn{
+   display: none;
+ }
+ input, select {
+    font-family:arial,helvetica,clean,sans-serif;
+    font-size:100%;
+    font-size-adjust:none;
+    font-stretch:normal;
+    font-style:normal;
+    font-variant:normal;
+    font-weight:normal;
+    line-height:normal;
+    background:none;  	
+    outline:none;
+    border: none;
+}
\ No newline at end of file
--- a/src/assets/vue.svg
+++ b/src/assets/vue.svg
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
\ No newline at end of file
--- a/src/components/msg-row.vue
+++ b/src/components/msg-row.vue
+<template>
+  <div class="msg">
+    <div class="msg-ctx">
+        <div class="msg-ctx-user" :class="{ 'msg-ctx-user__role': data.role === 'user' }">
+            <template v-if="data.role === 'user'">
+                你
+            </template>
+            <img v-else src="../assets/ChatGPT.svg" alt="">
+        </div>
+        <div class="msg-ctx-msg">
+            <template v-if="data.loading">
+                loading
+            </template>
+            <template v-else>
+                <vue-markdown-it :source="data.content"/>
+            </template>
+        </div>
+    </div>
+  </div>
+</template>
+<script>
+import VueMarkdownIt from 'vue3-markdown-it'
+import 'highlight.js/styles/a11y-dark.css'
+export default {
+    components: {
+        VueMarkdownIt
+    },
+    props: {
+        data: {
+            type: Object,
+            default: () => {
+                return {
+                    loading: true
+                }
+            }
+        }
+    }
+}
+</script>
+<style lang="less">
+.msg {
+    width: 100%;
+    &-ctx {
+        box-sizing: border-box;
+        padding: 24px;
+        display: flex;
+        max-width: 760px;
+        margin: 0 auto;
+        &-user {
+            display: flex;
+            color: #FFF;
+            align-items: center;
+            justify-content: center;
+            background: #F73048;
+            border-radius: 3px;
+            width: 36px;
+            height: 36px;
+            & > img {
+                width: 24px;
+                height: 24px;
+            }
+        }
+        &-user__role {
+            background: #507999;
+        }
+        &-msg {
+            margin: 0 0 0 20px;
+            flex: 1;
+            color: #FFF;
+            font-size: 16px;
+            line-height: 32px;
+        }
+    }
+}
+.msg:nth-child(even) {
+    background: rgba(70, 72, 84, 1);
+}
+</style>
--- a/src/components/send-button.vue
+++ b/src/components/send-button.vue
+<template>
+  <div class="icon">
+      <img src="../assets/Send.svg" />
+  </div>
+</template>
+<style lang="less">
+.icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    width: 26px;
+    height: 26px;
+    & > img {
+        width: 18px;
+        height: 18px;
+        color: #acacbe;
+        width: 100%;
+    }
+}
+.icon:hover {
+    background: rgba(0,0,0,.6);
+    border-radius: 6px;
+}
+</style>
--- a/src/main.js
+++ b/src/main.js
+import { createApp } from 'vue'
+import App from './App.vue'
+import './assets/reset.css'
+createApp(App).mount('#app')
--- a/style.css
+++ b/style.css
-html, body {
-    height: 100%;
-    width: 100%;
-}
-.container{
-  text-align: center;
-  padding: 64px;
-}  
\ No newline at end of file
--- a/vite.config.js
+++ b/vite.config.js
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue()]
+})