build(frontend): 兼容nodejs 17+

Signed-off-by: Myon <[email protected]>

frontend/package.json

@@ -21,31 +21,34 @@
   },
   "dependencies": {
     "@quasar/extras": "^1.0.0",
+    "core-js": "^3.6.5",
+    "quasar": "^2.6.0",
+    "vue-router": "^4.0.0",
     "@vueuse/core": "^4.11.2",
     "artplayer": "^4.5.9",
     "axios": "^0.25.0",
-    "core-js": "^3.6.5",
     "dayjs": "^1.10.8",
     "events": "^3.3.0",
     "github-markdown-css": "^5.1.0",
     "hls.js": "^0.14.7",
     "js-base64": "^3.7.2",
     "markdown": "^0.5.0",
-    "quasar": "^2.0.0-beta.1",
     "util": "^0.12.4",
     "vue": "^3.2.22",
     "vue3-eventbus": "^2.0.0",
     "vuex": "^4.0.2"
   },
   "devDependencies": {
+    "eslint": "^8.10.0",
+    "eslint-plugin-vue": "^9.0.0",
+    "eslint-webpack-plugin": "^3.1.1",
+    "eslint-config-prettier": "^8.1.0",
+    "@quasar/app-webpack": "^3.0.0",
     "@babel/eslint-parser": "^7.13.14",
     "@imyon/eslint-config-preset": "^0.0.5",
     "@imyon/eslint-config-prettier": "^0.0.2",
     "@quasar/app": "^3.0.0",
     "dotenv": "^10.0.0",
-    "eslint": "^7.14.0",
-    "eslint-plugin-vue": "^8.4.1",
-    "eslint-webpack-plugin": "^2.4.0",
     "husky": "^6.0.0",
     "lint-staged": "^11.0.0",
     "prettier": "^2.6.2",

frontend/src/pages/access/login/index.vue

@@ -1,6 +1,6 @@
 <template>
-  <div id="q-app">
-    <q-layout view="lHh Lpr fff">
+  <q-layout view="lHh Lpr fff">
+    <q-page-container>
       <q-page class="window-height window-width row justify-center items-center">
         <login-bg-area />
         <q-form @submit="submit" class="column q-pa-lg">
@@ -52,8 +52,8 @@
           </div>
         </q-form>
       </q-page>
-    </q-layout>
-  </div>
+    </q-page-container>
+  </q-layout>
 </template>
 
 <script setup>