fix(types): global components not defined

Signed-off-by: Fernando Fernández <[email protected]>

frontend/package.json

@@ -45,7 +45,7 @@
     "vue": "3.5.3",
     "vue-i18n": "9.14.0",
     "vue-router": "4.4.3",
-    "vuetify": "3.5.18"
+    "vuetify": "3.7.1"
   },
   "devDependencies": {
     "@eslint/config-inspector": "0.5.4",

frontend/src/store/playback-manager.ts

@@ -22,7 +22,7 @@ import { getPlaystateApi } from '@jellyfin/sdk/lib/utils/api/playstate-api';
 import { getTvShowsApi } from '@jellyfin/sdk/lib/utils/api/tv-shows-api';
 import { useEventListener, watchThrottled } from '@vueuse/core';
 import { v4 } from 'uuid';
-import { toRaw, watch, watchEffect } from 'vue';
+import { watch, watchEffect } from 'vue';
 import { isNil, sealed } from '@/utils/validation';
 import { useBaseItem } from '@/composables/apis';
 import { useSnackbar } from '@/composables/use-snackbar';

frontend/types/global/attributes.d.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/consistent-indexed-object-style */
 
-declare module '@vue/runtime-core' {
+declare module 'vue' {
   export interface AllowedComponentProps {
     [key: `data${string}`]: string;
   }
@@ -10,7 +10,7 @@ declare module '@vue/runtime-core' {
     [key: `data${string}`]: string;
   }
 }
-declare module '@vue/runtime-dom' {
+declare module 'vue' {
   export interface HTMLAttributes {
     // Allow any data-* attr on HTML elements
     [key: `data${string}`]: string;