From 92c702c4340dff8af7029bc31562fa8a599bc76b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fernando=20Fern=C3=A1ndez?= <ferferga@hotmail.com>
Date: Sat, 7 Sep 2024 11:30:26 +0200
Subject: [PATCH] fix(types): global components not defined
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Fernando Fernández <ferferga@hotmail.com>
---
 frontend/package.json                  |  2 +-
 frontend/src/store/playback-manager.ts |  2 +-
 frontend/types/global/attributes.d.ts  |  4 ++--
 package-lock.json                      | 12 ++++--------
 4 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index bdf2c85aa96..0343cc29d59 100644
--- a/frontend/package.json
+++ b/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",
diff --git a/frontend/src/store/playback-manager.ts b/frontend/src/store/playback-manager.ts
index 696f67eeae1..10cbebe8430 100644
--- a/frontend/src/store/playback-manager.ts
+++ b/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';
diff --git a/frontend/types/global/attributes.d.ts b/frontend/types/global/attributes.d.ts
index 234b4cfb358..e0ed6479e69 100644
--- a/frontend/types/global/attributes.d.ts
+++ b/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;
diff --git a/package-lock.json b/package-lock.json
index 2ca53a886cd..fbf376f1c36 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -44,7 +44,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",
@@ -9639,9 +9639,9 @@
       }
     },
     "node_modules/vuetify": {
-      "version": "3.5.18",
-      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.5.18.tgz",
-      "integrity": "sha512-33eRhaLkKaiyH7PDau1xDvFzAGFKNo/nFvyiKhB+DePDZBkvMEphUul+zCitHgUrQCZo1i7kfY97k6q+7QURuQ==",
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.7.1.tgz",
+      "integrity": "sha512-N1XlczbgeGt/O+JUk72QPrqcDaRIXUdptUciJqGyTvZ9cfMoSlEWs6TZO+dOOfXbKvmIMFMycYg4dgSHDpCPhg==",
       "license": "MIT",
       "engines": {
         "node": "^12.20 || >=14.13"
@@ -9654,7 +9654,6 @@
         "typescript": ">=4.7",
         "vite-plugin-vuetify": ">=1.0.0",
         "vue": "^3.3.0",
-        "vue-i18n": "^9.0.0",
         "webpack-plugin-vuetify": ">=2.0.0"
       },
       "peerDependenciesMeta": {
@@ -9664,9 +9663,6 @@
         "vite-plugin-vuetify": {
           "optional": true
         },
-        "vue-i18n": {
-          "optional": true
-        },
         "webpack-plugin-vuetify": {
           "optional": true
         }