changed route
@@ -1,12 +1,12 @@
|
||||
import type {
|
||||
DehydratedState,
|
||||
VueQueryPluginOptions
|
||||
VueQueryPluginOptions,
|
||||
} from "@tanstack/vue-query";
|
||||
import {
|
||||
VueQueryPlugin,
|
||||
QueryClient,
|
||||
hydrate,
|
||||
dehydrate
|
||||
dehydrate,
|
||||
} from "@tanstack/vue-query";
|
||||
|
||||
import { defineNuxtPlugin, useState } from "#imports";
|
||||
@@ -15,7 +15,12 @@ export default defineNuxtPlugin((nuxt) => {
|
||||
const vueQueryState = useState<DehydratedState | null>("vue-query");
|
||||
|
||||
const queryClient = new QueryClient({
|
||||
defaultOptions: { queries: { staleTime: 5000 } }
|
||||
defaultOptions: {
|
||||
queries: {
|
||||
staleTime: 5000,
|
||||
experimental_prefetchInRender: true,
|
||||
},
|
||||
},
|
||||
});
|
||||
const options: VueQueryPluginOptions = { queryClient };
|
||||
|
||||
@@ -33,7 +38,7 @@ export default defineNuxtPlugin((nuxt) => {
|
||||
|
||||
return {
|
||||
provide: {
|
||||
queryClient
|
||||
}
|
||||
queryClient,
|
||||
},
|
||||
};
|
||||
});
|
||||
|
||||
|
Before Width: | Height: | Size: 97 KiB |
|
Before Width: | Height: | Size: 120 KiB |
|
Before Width: | Height: | Size: 730 KiB |
|
Before Width: | Height: | Size: 809 KiB |
|
Before Width: | Height: | Size: 984 KiB |
|
Before Width: | Height: | Size: 2.2 MiB |
|
Before Width: | Height: | Size: 291 KiB |
|
Before Width: | Height: | Size: 3.4 MiB |
|
Before Width: | Height: | Size: 67 KiB |
|
Before Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 498 KiB |