Imported file helpers into Vue templates

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[] }[]>([])
 

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 }>()

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)

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()

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")
 

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 {

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)
 

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)
 

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 {

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