diff --git a/modules/web/.eslintrc-auto-import.json b/modules/web/.eslintrc-auto-import.json
index cf5c92ea2..5e167e3fb 100644
--- a/modules/web/.eslintrc-auto-import.json
+++ b/modules/web/.eslintrc-auto-import.json
@@ -79,6 +79,18 @@
     "watch": true,
     "watchEffect": true,
     "watchPostEffect": true,
-    "watchSyncEffect": true
+    "watchSyncEffect": true,
+    "DirectiveBinding": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true,
+    "MaybeRef": true,
+    "MaybeRefOrGetter": true,
+    "WritableComputedRef": true,
+    "onWatcherCleanup": true,
+    "toValue": true,
+    "useId": true,
+    "useModel": true,
+    "useTemplateRef": true
   }
-}
\ No newline at end of file
+}
diff --git a/modules/web/package.json b/modules/web/package.json
index b2815c586..af92e93e1 100644
--- a/modules/web/package.json
+++ b/modules/web/package.json
@@ -14,28 +14,29 @@
     "lint:fix": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
   },
   "dependencies": {
-    "@element-plus/icons-svg": "^2.1.0",
-    "@element-plus/icons-vue": "^2.1.0",
-    "@vueuse/shared": "^10.1.2",
-    "axios": "^1.4.0",
-    "element-plus": "^2.3.4",
-    "hotkeys-js": "^3.10.2",
-    "pinia": "^2.0.36",
-    "vue": "^3.3.2",
-    "vue-router": "^4.2.0",
+    "@element-plus/icons-svg": "^2.3.1",
+    "@element-plus/icons-vue": "^2.3.1",
+    "@vueuse/core": "^11.1.0",
+    "@vueuse/shared": "^10.11.1",
+    "axios": "^1.7.7",
+    "element-plus": "^2.8.4",
+    "hotkeys-js": "^3.13.7",
+    "pinia": "^2.2.3",
+    "vue": "^3.5.10",
+    "vue-router": "^4.4.5",
     "vue3-virtual-scroll-list": "^0.2.1"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.4",
-    "eslint": "^8.40.0",
+    "@vitejs/plugin-vue": "^5.1.4",
+    "eslint": "^8.57.1",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-vue": "^9.12.0",
-    "prettier": "^3.0.0",
-    "sass": "^1.62.1",
-    "unplugin-auto-import": "^0.17.5",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-vue": "^9.28.0",
+    "prettier": "^3.3.3",
+    "sass": "^1.79.4",
+    "unplugin-auto-import": "^0.17.8",
     "unplugin-icons": "^0.18.5",
     "unplugin-vue-components": "^0.26.0",
-    "vite": "^5.1.3"
+    "vite": "^5.4.8"
   }
 }
diff --git a/modules/web/src/auto-imports.d.ts b/modules/web/src/auto-imports.d.ts
index a0f15d7d0..992aac0c5 100644
--- a/modules/web/src/auto-imports.d.ts
+++ b/modules/web/src/auto-imports.d.ts
@@ -1,6 +1,7 @@
 /* eslint-disable */
 /* prettier-ignore */
 // @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
 // Generated by unplugin-auto-import
 export {}
 declare global {
@@ -47,6 +48,7 @@ declare global {
   const onServerPrefetch: typeof import('vue')['onServerPrefetch']
   const onUnmounted: typeof import('vue')['onUnmounted']
   const onUpdated: typeof import('vue')['onUpdated']
+  const onWatcherCleanup: typeof import('vue')['onWatcherCleanup']
   const provide: typeof import('vue')['provide']
   const reactive: typeof import('vue')['reactive']
   const readonly: typeof import('vue')['readonly']
@@ -62,17 +64,21 @@ declare global {
   const toRaw: typeof import('vue')['toRaw']
   const toRef: typeof import('vue')['toRef']
   const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
   const triggerRef: typeof import('vue')['triggerRef']
   const unref: typeof import('vue')['unref']
   const useAttrs: typeof import('vue')['useAttrs']
   const useBookStore: typeof import('./store/bookStore.js')['useBookStore']
   const useCssModule: typeof import('vue')['useCssModule']
   const useCssVars: typeof import('vue')['useCssVars']
+  const useId: typeof import('vue')['useId']
   const useLink: typeof import('vue-router')['useLink']
+  const useModel: typeof import('vue')['useModel']
   const useRoute: typeof import('vue-router')['useRoute']
   const useRouter: typeof import('vue-router')['useRouter']
   const useSlots: typeof import('vue')['useSlots']
   const useSourceStore: typeof import('./store/sourceStore.js')['useSourceStore']
+  const useTemplateRef: typeof import('vue')['useTemplateRef']
   const watch: typeof import('vue')['watch']
   const watchEffect: typeof import('vue')['watchEffect']
   const watchPostEffect: typeof import('vue')['watchPostEffect']
@@ -81,5 +87,6 @@ declare global {
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, InjectionKey, PropType, Ref, VNode } from 'vue'
+  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  import('vue')
 }
diff --git a/modules/web/src/components.d.ts b/modules/web/src/components.d.ts
index e63bb697a..56374a699 100644
--- a/modules/web/src/components.d.ts
+++ b/modules/web/src/components.d.ts
@@ -3,11 +3,9 @@
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
-import '@vue/runtime-core'
-
 export {}
 
-declare module '@vue/runtime-core' {
+declare module 'vue' {
   export interface GlobalComponents {
     BookItems: typeof import('./components/BookItems.vue')['default']
     CatalogItem: typeof import('./components/CatalogItem.vue')['default']