diff --git a/docs/components/content/examples/TableExampleAdvanced.vue b/docs/components/content/examples/TableExampleAdvanced.vue index f4ac15ed..04a5784f 100644 --- a/docs/components/content/examples/TableExampleAdvanced.vue +++ b/docs/components/content/examples/TableExampleAdvanced.vue @@ -85,7 +85,7 @@ const pageFrom = computed(() => (page.value - 1) * pageCount.value + 1) const pageTo = computed(() => Math.min(page.value * pageCount.value, pageTotal.value)) // Data -const { data: todos, pending } = await useLazyAsyncData<{ +const { data: todos, status } = await useLazyAsyncData<{ id: number title: string completed: string @@ -181,7 +181,7 @@ const { data: todos, pending } = await useLazyAsyncData<{ v-model:sort="sort" :rows="todos" :columns="columnsTable" - :loading="pending" + :loading="status === 'pending'" sort-asc-icon="i-heroicons-arrow-up" sort-desc-icon="i-heroicons-arrow-down" sort-mode="manual" diff --git a/docs/content/2.components/table.md b/docs/content/2.components/table.md index 48318d32..fa1702bb 100644 --- a/docs/content/2.components/table.md +++ b/docs/content/2.components/table.md @@ -148,11 +148,11 @@ const columns = [{ sortable: true }] -const { data, pending } = await useLazyFetch(() => `/api/users?orderBy=${sort.value.column}&order=${sort.value.direction}`) +const { data, status } = await useLazyFetch(() => `/api/users?orderBy=${sort.value.column}&order=${sort.value.direction}`) ``` @@ -359,11 +359,11 @@ This can be easily used with Nuxt `useAsyncData` composable. ```