From dec7f46365f63d595ad1c6113d298eab5c2a3387 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20T=C3=A4kker?= <lucastakker@gmail.com>
Date: Tue, 6 Oct 2026 02:43:27 +0200
Subject: [PATCH] Imported file helpers into Vue templates

---
 app/components/Album/Slider.vue                   | 2 ++
 app/components/Artist/Card.vue                    | 1 +
 app/components/Player/Fullscreen.vue              | 2 ++
 app/components/Player/Fullscreen/TrackDisplay.vue | 2 ++
 app/components/Player/index.vue                   | 2 ++
 app/components/Track/ImageRow.vue                 | 1 +
 app/pages/album/[id].vue                          | 2 ++
 app/pages/artist/[id]/index.vue                   | 2 ++
 app/pages/library/albums.vue                      | 1 +
 app/ui/Table.vue                                  | 2 ++
 10 files changed, 17 insertions(+)

diff --git a/app/components/Album/Slider.vue b/app/components/Album/Slider.vue
index 970c9e1..f48790c 100644
--- a/app/components/Album/Slider.vue
+++ b/app/components/Album/Slider.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { GET_FILE } from "@/utils/file"
+
 const cacheKey = "album-slider-data"
 const data = ref<{ genre: Genre; albums: Album[] }[]>([])
 
diff --git a/app/components/Artist/Card.vue b/app/components/Artist/Card.vue
index cfaa111..74203fb 100644
--- a/app/components/Artist/Card.vue
+++ b/app/components/Artist/Card.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { GET_FILE } from "@/utils/file"
 import type { Artist } from "@/utils/types"
 
 const props = defineProps<{ artist: Artist }>()
diff --git a/app/components/Player/Fullscreen.vue b/app/components/Player/Fullscreen.vue
index 7417190..0a5a52c 100644
--- a/app/components/Player/Fullscreen.vue
+++ b/app/components/Player/Fullscreen.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { GET_FILE } from "@/utils/file"
+
 const { fullscreen, close: closeFullscreen } = useFullscreen()
 const song = useSong()
 const mouseMovedRecently = ref(true)
diff --git a/app/components/Player/Fullscreen/TrackDisplay.vue b/app/components/Player/Fullscreen/TrackDisplay.vue
index 0ad3adb..5fc0306 100644
--- a/app/components/Player/Fullscreen/TrackDisplay.vue
+++ b/app/components/Player/Fullscreen/TrackDisplay.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { GET_FILE } from "@/utils/file"
+
 const { showButtons } = defineProps<{ showButtons: boolean }>()
 
 const song = useSong()
diff --git a/app/components/Player/index.vue b/app/components/Player/index.vue
index 1010873..778ee5c 100644
--- a/app/components/Player/index.vue
+++ b/app/components/Player/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="tsx">
+import { GET_FILE } from "@/utils/file"
+
 const widthFixerRef = useTemplateRef("width-fixer-ref")
 const playerRef = useTemplateRef("player-ref")
 
diff --git a/app/components/Track/ImageRow.vue b/app/components/Track/ImageRow.vue
index eb9d92f..178b340 100644
--- a/app/components/Track/ImageRow.vue
+++ b/app/components/Track/ImageRow.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { GET_FILE } from "@/utils/file"
 import type { DropdownMenuItem } from "~/ui/DropdownMenu.vue"
 
 interface TrackRowProps {
diff --git a/app/pages/album/[id].vue b/app/pages/album/[id].vue
index da8b8be..b868618 100644
--- a/app/pages/album/[id].vue
+++ b/app/pages/album/[id].vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { GET_FILE } from "@/utils/file"
+
 const route = useRoute()
 const id = computed(() => route.params.id)
 
diff --git a/app/pages/artist/[id]/index.vue b/app/pages/artist/[id]/index.vue
index f721106..80f06a0 100644
--- a/app/pages/artist/[id]/index.vue
+++ b/app/pages/artist/[id]/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { GET_FILE } from "@/utils/file"
+
 const route = useRoute()
 const id = computed(() => route.params.id)
 
diff --git a/app/pages/library/albums.vue b/app/pages/library/albums.vue
index 539f12d..e0ac37a 100644
--- a/app/pages/library/albums.vue
+++ b/app/pages/library/albums.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { GET_FILE } from "@/utils/file"
 import type { Album } from "@/utils/types"
 
 const {
diff --git a/app/ui/Table.vue b/app/ui/Table.vue
index a174f43..48cd700 100644
--- a/app/ui/Table.vue
+++ b/app/ui/Table.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { GET_AUDIO_FILE, GET_FILE } from "@/utils/file"
+
 export type Row = {
 	name: string
 	class?: string