|
@@ -1,8 +1,9 @@
|
|
|
import {useImageManager} from "~/composables/data/useImageManager";
|
|
import {useImageManager} from "~/composables/data/useImageManager";
|
|
|
-import {FetchResult} from "#app";
|
|
|
|
|
|
|
+import {AsyncData, FetchResult} from "#app";
|
|
|
|
|
+import ApiResource from "~/models/ApiResource";
|
|
|
|
|
|
|
|
interface useImageFetchReturnType {
|
|
interface useImageFetchReturnType {
|
|
|
- fetch: (id: number | null, defaultImage?: string | null, height?: number, width?: number) => FetchResult<any, any>
|
|
|
|
|
|
|
+ fetch: (id: number | null, defaultImage?: string | null, height?: number, width?: number) => AsyncData<string | ArrayBuffer | null, Error | null>
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
/**
|
|
@@ -16,7 +17,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, any> => useAsyncData(
|
|
|
|
|
|
|
+ ) => 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
|