|
1 | 1 | <script lang="ts">
|
2 | 2 | // FIXME: should be able to import from vue-router or auto import
|
3 |
| -import { defineQueryLoader } from 'unplugin-vue-router/data-loaders/vue-query' |
| 3 | +// import { defineQueryLoader } from 'unplugin-vue-router/data-loaders/vue-query' |
4 | 4 |
|
5 | 5 | import {
|
6 | 6 | type TypesConfig,
|
@@ -57,33 +57,33 @@ const delay = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms))
|
57 | 57 |
|
58 | 58 | // FIXME: export once doable
|
59 | 59 | // NOTE: it's a bit different from the one in /[name].vue
|
60 |
| -const useUserData = defineQueryLoader( |
61 |
| - '/users/[id]', |
62 |
| - async (route, { signal }) => { |
63 |
| - console.log('useUserData', route.fullPath) |
64 |
| - await delay(700) |
65 |
| - const user = { |
66 |
| - id: route.params.id, |
67 |
| - // @ts-expect-error: no param "name"! |
68 |
| - name: route.params.name || 'Edu', |
69 |
| - when: new Date().toUTCString(), |
70 |
| - } |
71 |
| - return user |
72 |
| - }, |
73 |
| - { |
74 |
| - queryKey: ['user-id'], |
75 |
| - // queryKey: (route) => ['users', route.params.id], |
76 |
| - staleTime: 5000, |
77 |
| - lazy: false, |
78 |
| - } |
79 |
| -) |
| 60 | +// const useUserData = defineQueryLoader( |
| 61 | +// '/users/[id]', |
| 62 | +// async (route, { signal }) => { |
| 63 | +// console.log('useUserData', route.fullPath) |
| 64 | +// await delay(700) |
| 65 | +// const user = { |
| 66 | +// id: route.params.id, |
| 67 | +// // @ts-expect-error: no param "name"! |
| 68 | +// name: route.params.name || 'Edu', |
| 69 | +// when: new Date().toUTCString(), |
| 70 | +// } |
| 71 | +// return user |
| 72 | +// }, |
| 73 | +// { |
| 74 | +// queryKey: ['user-id'], |
| 75 | +// // queryKey: (route) => ['users', route.params.id], |
| 76 | +// staleTime: 5000, |
| 77 | +// lazy: false, |
| 78 | +// } |
| 79 | +// ) |
80 | 80 | </script>
|
81 | 81 |
|
82 | 82 | <script lang="ts" setup>
|
83 | 83 | import { useQuery } from '@tanstack/vue-query'
|
84 | 84 | const route = useRoute('/users/[id]')
|
85 | 85 |
|
86 |
| -const { data: user, isLoading, error } = useUserData() |
| 86 | +// const { data: user, isLoading, error } = useUserData() |
87 | 87 | const {
|
88 | 88 | data: tqUser,
|
89 | 89 | error: tqError,
|
|
0 commit comments