changed route
@@ -1,12 +1,12 @@
|
|||||||
import type {
|
import type {
|
||||||
DehydratedState,
|
DehydratedState,
|
||||||
VueQueryPluginOptions
|
VueQueryPluginOptions,
|
||||||
} from "@tanstack/vue-query";
|
} from "@tanstack/vue-query";
|
||||||
import {
|
import {
|
||||||
VueQueryPlugin,
|
VueQueryPlugin,
|
||||||
QueryClient,
|
QueryClient,
|
||||||
hydrate,
|
hydrate,
|
||||||
dehydrate
|
dehydrate,
|
||||||
} from "@tanstack/vue-query";
|
} from "@tanstack/vue-query";
|
||||||
|
|
||||||
import { defineNuxtPlugin, useState } from "#imports";
|
import { defineNuxtPlugin, useState } from "#imports";
|
||||||
@@ -15,7 +15,12 @@ export default defineNuxtPlugin((nuxt) => {
|
|||||||
const vueQueryState = useState<DehydratedState | null>("vue-query");
|
const vueQueryState = useState<DehydratedState | null>("vue-query");
|
||||||
|
|
||||||
const queryClient = new QueryClient({
|
const queryClient = new QueryClient({
|
||||||
defaultOptions: { queries: { staleTime: 5000 } }
|
defaultOptions: {
|
||||||
|
queries: {
|
||||||
|
staleTime: 5000,
|
||||||
|
experimental_prefetchInRender: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
});
|
});
|
||||||
const options: VueQueryPluginOptions = { queryClient };
|
const options: VueQueryPluginOptions = { queryClient };
|
||||||
|
|
||||||
@@ -33,7 +38,7 @@ export default defineNuxtPlugin((nuxt) => {
|
|||||||
|
|
||||||
return {
|
return {
|
||||||
provide: {
|
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 |