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.
-
+
```