diff --git a/src/composables/useAxios.ts b/src/composables/useAxios.ts index b052340..40732ed 100644 --- a/src/composables/useAxios.ts +++ b/src/composables/useAxios.ts @@ -9,6 +9,10 @@ import { ref } from 'vue' import router from '../router' import useAuth from './useAuth' +export interface CustomAxiosError extends AxiosError { + ignore: boolean +} + const { token } = useAuth() const isLoading = ref(false) const error = ref(null) @@ -33,7 +37,7 @@ export const requestInterceptor = client.interceptors.request.use( return config }, - (err: AxiosError): Promise => { + (err: CustomAxiosError): Promise => { isLoading.value = false error.value = err return Promise.reject(err) @@ -45,7 +49,7 @@ export const responseInterceptor = client.interceptors.response.use( isLoading.value = false return response }, - (err: AxiosError): Promise => { + (err: CustomAxiosError): Promise => { isLoading.value = false if (err.response?.status === 404) { router.push({ name: 'notFound' }) diff --git a/src/composables/useWishlistStore.ts b/src/composables/useWishlistStore.ts index 2ef06c7..3b288c8 100644 --- a/src/composables/useWishlistStore.ts +++ b/src/composables/useWishlistStore.ts @@ -1,6 +1,5 @@ -import useAxios from '@/composables/useAxios' +import useAxios, { CustomAxiosError } from '@/composables/useAxios' import { Wishlist, WishlistItem } from '@/types' -import { AxiosError } from 'axios' import { ref } from 'vue' const { client } = useAxios() @@ -11,7 +10,7 @@ const fetch = async (slugText: string): Promise => { const { data } = await client.get(`/wishlist/${slugText}`) state.value = data } catch (e: any) { - if (e.isAxiosError && !(e.ignore)) { + if (e.isAxiosError && !(e.ignore)) { throw e } }