|
@@ -1,8 +1,8 @@
|
|
|
-import {FetchResult, useAsyncData} from "#app";
|
|
|
|
|
import {useImageManager} from "~/composables/data/useImageManager";
|
|
import {useImageManager} from "~/composables/data/useImageManager";
|
|
|
|
|
+import {FetchResult} from "#app";
|
|
|
|
|
|
|
|
interface useImageFetchReturnType {
|
|
interface useImageFetchReturnType {
|
|
|
- fetch: (id: number | null, defaultImage?: string | null, height?: number, width?: number) => FetchResult<any>
|
|
|
|
|
|
|
+ fetch: (id: number | null, defaultImage?: string | null, height?: number, width?: number) => FetchResult<any, any>
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
/**
|
|
@@ -16,7 +16,7 @@ export const useImageFetch = (): useImageFetchReturnType => {
|
|
|
defaultImage: string | null = null,
|
|
defaultImage: string | null = null,
|
|
|
height: number = 0,
|
|
height: number = 0,
|
|
|
width: number = 0
|
|
width: number = 0
|
|
|
- ): FetchResult<string> => useAsyncData(
|
|
|
|
|
|
|
+ ): FetchResult<string, any> => useAsyncData(
|
|
|
'img' + (id ?? defaultImage ?? 0),
|
|
'img' + (id ?? defaultImage ?? 0),
|
|
|
() => imageManager.get(id, defaultImage, height, width),
|
|
() => imageManager.get(id, defaultImage, height, width),
|
|
|
{ lazy: true, server: false } // Always fetch images client-side
|
|
{ lazy: true, server: false } // Always fetch images client-side
|