refactor(frontend): Rework home layout and user interactions

frontend/video-frontend-web/package.json

@@ -8,39 +8,40 @@
     "dev:mock": "vite --mode mock",
     "build": "vue-tsc && vite build",
     "preview": "vite preview",
-    "lint": "eslint  --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "lint": "eslint --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix src",
     "format": "prettier --write src"
   },
   "dependencies": {
-    "vue": "^3.4.21",
-    "vue-router": "^4.3.0",
-    "pinia": "^2.1.7",
-    "pinia-plugin-persistedstate": "^3.2.1",
-    "axios": "^1.6.8",
-    "vant": "^4.8.4",
+    "@iconify/vue": "^4.1.1",
     "@vant/use": "^1.6.0",
     "artplayer": "^5.1.7",
     "artplayer-plugin-danmuku": "^5.1.0",
+    "axios": "^1.6.8",
     "dayjs": "^1.11.10",
+    "dplayer": "^1.27.1",
     "nprogress": "^0.2.0",
-    "@iconify/vue": "^4.1.1"
+    "pinia": "^2.1.7",
+    "pinia-plugin-persistedstate": "^3.2.1",
+    "vant": "^4.8.4",
+    "vue": "^3.4.21",
+    "vue-router": "^4.3.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vue/tsconfig": "^0.5.1",
-    "vite": "^5.2.0",
-    "vite-plugin-vue-devtools": "^7.0.25",
-    "typescript": "~5.4.0",
-    "vue-tsc": "^2.0.6",
-    "sass": "^1.72.0",
-    "unplugin-auto-import": "^0.17.5",
-    "unplugin-vue-components": "^0.26.0",
     "@types/node": "^20.11.30",
     "@types/nprogress": "^0.2.3",
-    "eslint": "^8.57.0",
-    "eslint-plugin-vue": "^9.24.0",
     "@typescript-eslint/eslint-plugin": "^7.4.0",
     "@typescript-eslint/parser": "^7.4.0",
-    "prettier": "^3.2.5"
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vue/tsconfig": "^0.5.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-vue": "^9.24.0",
+    "prettier": "^3.2.5",
+    "sass": "^1.72.0",
+    "typescript": "~5.4.0",
+    "unplugin-auto-import": "^0.17.5",
+    "unplugin-vue-components": "^0.26.0",
+    "vite": "^5.2.0",
+    "vite-plugin-vue-devtools": "^7.0.25",
+    "vue-tsc": "^2.0.6"
   }
 }