You've already forked AstralRinth
Míngxuān Dìng
7b5c746757
* fix(query): set default query retry to 1 * fix(query): don't retry 404s and limit default retries to 3 * feat: expand status skipping checks * feat: parallel fetch v2 and v3 in middleware --------- Co-authored-by: Calum H. (IMB11) <contact@cal.engineer>
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
// https://tanstack.com/query/v5/docs/framework/vue/examples/nuxt3
|
|
import type { DehydratedState, VueQueryPluginOptions } from '@tanstack/vue-query'
|
|
import { dehydrate, hydrate, QueryClient, VueQueryPlugin } from '@tanstack/vue-query'
|
|
|
|
import { defineNuxtPlugin, useState } from '#imports'
|
|
|
|
export default defineNuxtPlugin((nuxt) => {
|
|
const vueQueryState = useState<DehydratedState | null>('vue-query')
|
|
|
|
const queryClient = new QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
staleTime: 10000,
|
|
retry: (failureCount, error) => {
|
|
const status = (error as any)?.statusCode ?? (error as any)?.status
|
|
if (status !== undefined && status >= 400 && status < 500 && status !== 429) return false
|
|
return failureCount < 3
|
|
},
|
|
},
|
|
},
|
|
})
|
|
const options: VueQueryPluginOptions = { queryClient }
|
|
|
|
nuxt.vueApp.use(VueQueryPlugin, options)
|
|
|
|
// Expose queryClient for middleware and composables
|
|
nuxt.provide('queryClient', queryClient)
|
|
|
|
if (import.meta.server) {
|
|
nuxt.hooks.hook('app:rendered', () => {
|
|
vueQueryState.value = dehydrate(queryClient)
|
|
})
|
|
}
|
|
|
|
if (import.meta.client) {
|
|
hydrate(queryClient, vueQueryState.value)
|
|
}
|
|
})
|