@polymarbot/nuxt-layer-shadcn-ui 0.7.6 → 0.8.0

package/app/components/ui/AsyncDataTable/en.json

@@ -1,3 +1,4 @@
 {
-  "actions": "Actions"
+  "actions": "Actions",
+  "loadFailed": "Failed to load"
 }

package/app/components/ui/AsyncDataTable/index.stories.ts

@@ -197,3 +197,45 @@ export const WithCustomToolbar: Story = {
     `,
   }),
 }
+
+/** First page loads, but switching to any later page rejects — to inspect how the table behaves when only a follow-up fetch fails. */
+export const Errored: Story = {
+  parameters: {
+    ...noControls,
+    docs: {
+      source: {
+        code: `
+<template>
+  <AsyncDataTable
+    :columns="columns"
+    :fetchMethod="failingAfterFirst"
+  />
+</template>
+
+<script setup>
+function failingAfterFirst (params) {
+  if (params.offset === 0) return mockFetch(params)
+  return Promise.reject(new Error('mocked failure'))
+}
+</script>
+`.trim(),
+      },
+    },
+  },
+  render: () => ({
+    components: { AsyncDataTable },
+    setup () {
+      const failingAfterFirst = (params: AsyncDataTableFetchParams): Promise<AsyncDataTableFetchResult<User>> => {
+        if (params.offset === 0) return mockFetch(params)
+        return new Promise((_, reject) => setTimeout(() => reject(new Error('mocked failure')), 500))
+      }
+      return { columns, failingAfterFirst }
+    },
+    template: `
+      <AsyncDataTable
+        :columns="columns"
+        :fetchMethod="failingAfterFirst"
+      />
+    `,
+  }),
+}

package/app/components/ui/AsyncDataTable/index.vue

@@ -32,6 +32,7 @@ const emit = defineEmits<{
   'rowClick': [row: TData, index: number, event: MouseEvent]
 }>()
 
+const { t } = useI18n()
 const T = useTranslations('components.ui.AsyncDataTable')
 const { isMobile } = useDevice()
 
@@ -47,6 +48,7 @@ function onSelectionChange (value: TData | TData[] | null) {
 
 const loading = ref(false)
 const internalData = ref<TData[]>([]) as Ref<TData[]>
+const errored = ref(false)
 const requestVersion = ref(0)
 
 const pagination = ref<AsyncDataTablePagination>({
@@ -105,6 +107,7 @@ async function fetchData (page?: number, forceRefresh = false) {
     pagination.value.page = page
   }
 
+  errored.value = false
   loading.value = true
   try {
     const result = await props.fetchMethod(buildFetchParams())
@@ -115,6 +118,10 @@ async function fetchData (page?: number, forceRefresh = false) {
   } catch (error) {
     if (currentVersion !== requestVersion.value) return
     console.error('AsyncDataTable fetchData failed:', error)
+    // Surface the failure via the empty-state slot rather than leaving the
+    // previous page's rows on screen while the pagination already moved on.
+    errored.value = true
+    internalData.value = []
   } finally {
     if (currentVersion === requestVersion.value) {
       loading.value = false
@@ -267,7 +274,7 @@ onMounted(() => {
       @rowClick="(row: TData, index: number, event: MouseEvent) => emit('rowClick', row, index, event)"
     >
       <template
-        v-for="name in Object.keys($slots).filter(n => n !== 'toolbar')"
+        v-for="name in Object.keys($slots).filter(n => n !== 'toolbar' && n !== 'empty')"
         :key="name"
         #[name]="slotData"
       >
@@ -276,6 +283,34 @@ onMounted(() => {
           v-bind="slotData ?? {}"
         />
       </template>
+
+      <template
+        v-if="errored"
+        #empty
+      >
+        <div class="gap-2 text-muted-foreground flex flex-col items-center">
+          <Icon
+            name="circle-alert"
+            class="size-8"
+          />
+          <span class="text-sm">
+            {{ T('loadFailed') }}
+          </span>
+          <Button
+            variant="outline"
+            size="sm"
+            @click="() => fetchData(undefined, true)"
+          >
+            {{ t('common.actions.retry') }}
+          </Button>
+        </div>
+      </template>
+      <template
+        v-else-if="$slots.empty"
+        #empty
+      >
+        <slot name="empty" />
+      </template>
     </DataTable>
 
     <!-- Bottom toolbar -->

package/app/components/ui/InfiniteDataTable/en.json

@@ -1,6 +1,6 @@
 {
   "allLoaded": "— all loaded —",
   "count": "{loaded} of {total} loaded",
-  "refresh": "Refresh",
+  "loadFailed": "Failed to load",
   "scrollToTop": "Scroll to top"
 }

package/app/components/ui/InfiniteDataTable/index.stories.ts

@@ -163,3 +163,47 @@ export const PageScroll: Story = {
   parameters: noControls,
   args: { height: undefined },
 }
+
+/** First page loads, but every subsequent `loadMore` call rejects — the bottom loader is replaced by a retry prompt. */
+export const Errored: Story = {
+  parameters: {
+    ...noControls,
+    docs: {
+      source: {
+        code: `
+<template>
+  <InfiniteDataTable
+    :columns="columns"
+    :fetchMethod="failingAfterFirst"
+    height="360px"
+  />
+</template>
+
+<script setup>
+function failingAfterFirst (params) {
+  if (!params.cursor) return mockFetch(params)
+  return Promise.reject(new Error('mocked failure'))
+}
+</script>
+`.trim(),
+      },
+    },
+  },
+  render: () => ({
+    components: { InfiniteDataTable: InfiniteDataTable as any },
+    setup () {
+      const failingAfterFirst = (params: InfiniteDataTableFetchParams): Promise<InfiniteDataTableFetchResult<User>> => {
+        if (!params.cursor) return mockFetch(params)
+        return new Promise((_, reject) => setTimeout(() => reject(new Error('mocked failure')), 400))
+      }
+      return { columns, failingAfterFirst }
+    },
+    template: `
+      <InfiniteDataTable
+        :columns="columns"
+        :fetchMethod="failingAfterFirst"
+        height="360px"
+      />
+    `,
+  }),
+}

package/app/components/ui/InfiniteDataTable/index.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts" generic="TData extends Record<string, any>">
 import type { InfiniteDataTableFetchParams, InfiniteDataTableProps } from './types'
+import { useEventListener } from '@vueuse/core'
 
 const props = withDefaults(defineProps<InfiniteDataTableProps<TData>>(), {
   columns: () => [],
@@ -16,6 +17,7 @@ const emit = defineEmits<{
   'rowClick': [row: TData, index: number, event: MouseEvent]
 }>()
 
+const { t } = useI18n()
 const T = useTranslations('components.ui.InfiniteDataTable')
 
 // -- Internal state --
@@ -24,6 +26,7 @@ const loading = ref(false)
 const internalData = ref<TData[]>([]) as Ref<TData[]>
 const cursor = ref<string | undefined>(undefined)
 const hasMore = ref(true)
+const errored = ref(false)
 const total = ref<number | undefined>(undefined)
 const requestVersion = ref(0)
 
@@ -37,12 +40,28 @@ const isInitialLoad = computed(() => loading.value && internalData.value.length
 // -- IntersectionObserver root: only when internal scroll is active --
 
 const dataTableRef = ref<{ scrollEl?: HTMLElement } | null>(null)
+const scrollEl = computed<HTMLElement | undefined>(() => dataTableRef.value?.scrollEl)
 const intersectionOptions = computed<IntersectionObserverInit | undefined>(() => { // eslint-disable-line no-undef
   if (!props.height) return undefined
-  const root = dataTableRef.value?.scrollEl
+  const root = scrollEl.value
   return root ? { root } : undefined
 })
 
+// -- Scroll-to-top availability --
+
+const { isOverflowing, atStart } = useScrollState(scrollEl)
+const isWindowAboveTable = ref(false)
+
+function updateWindowPosition () {
+  const el = scrollEl.value
+  isWindowAboveTable.value = !!el && el.getBoundingClientRect().top < 0
+}
+
+useEventListener(window, 'scroll', updateWindowPosition, { passive: true })
+onMounted(() => nextTick(updateWindowPosition))
+
+const isAtTop = computed(() => isOverflowing.value ? atStart.value : !isWindowAboveTable.value)
+
 // -- Helpers --
 
 function getFilters (): Record<string, any> {
@@ -65,7 +84,11 @@ function resetState () {
   internalData.value = []
   cursor.value = undefined
   hasMore.value = true
+  errored.value = false
   total.value = undefined
+  // Release the loading guard so a fresh loadMore can start even when one is
+  // in flight; the in-flight request bails out via the requestVersion check.
+  loading.value = false
 }
 
 // -- Loading --
@@ -74,6 +97,10 @@ async function loadMore () {
   if (!props.fetchMethod) return
   if (loading.value || !hasMore.value) return
 
+  // Calling loadMore is the retry path; the IntersectionChecker is hidden
+  // while errored, so it can't trigger this branch on its own.
+  errored.value = false
+
   const currentVersion = ++requestVersion.value
   loading.value = true
   try {
@@ -87,6 +114,7 @@ async function loadMore () {
   } catch (error) {
     if (currentVersion !== requestVersion.value) return
     console.error('InfiniteDataTable loadMore failed:', error)
+    errored.value = true
   } finally {
     if (currentVersion === requestVersion.value) loading.value = false
   }
@@ -99,9 +127,9 @@ async function refresh () {
 }
 
 function scrollToTop () {
-  const el = dataTableRef.value?.scrollEl
+  const el = scrollEl.value
   if (!el) return
-  if (el.scrollHeight > el.clientHeight) {
+  if (isOverflowing.value) {
     el.scrollTo({ top: 0, behavior: 'smooth' })
   } else {
     el.scrollIntoView({ behavior: 'smooth', block: 'start' })
@@ -186,20 +214,35 @@ onMounted(() => {
     >
       <div
         v-if="!hasMore"
-        class="py-2 text-xs text-muted-foreground text-center"
+        class="text-sm text-muted-foreground text-center"
       >
         {{ T('allLoaded') }}
       </div>
+      <div
+        v-else-if="errored"
+        class="gap-2 text-sm flex items-center justify-center"
+      >
+        <span class="text-muted-foreground">
+          {{ T('loadFailed') }}
+        </span>
+        <Button
+          variant="ghost"
+          size="sm"
+          @click="loadMore"
+        >
+          {{ t('common.actions.retry') }}
+        </Button>
+      </div>
       <EffectIntersectionChecker
         v-else-if="!isInitialLoad"
         :disabled="loading"
         :options="intersectionOptions"
-        class="py-2 flex items-center justify-center"
+        class="flex items-center justify-center"
         @show="loadMore"
       >
         <Icon
           name="loader-circle"
-          class="size-4 animate-spin text-muted-foreground"
+          class="size-6 animate-spin text-muted-foreground"
         />
       </EffectIntersectionChecker>
     </template>
@@ -221,11 +264,11 @@ onMounted(() => {
                 variant="ghost"
                 size="icon-sm"
                 icon="arrow-up-to-line"
-                :disabled="loading || internalData.length === 0"
+                :disabled="loading || internalData.length === 0 || isAtTop"
                 @click="scrollToTop"
               />
             </Tooltip>
-            <Tooltip :text="T('refresh')">
+            <Tooltip :text="t('common.actions.refresh')">
               <Button
                 variant="ghost"
                 size="icon-sm"

package/app/en.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "Cancel",
       "close": "Close",
-      "confirm": "Confirm"
+      "confirm": "Confirm",
+      "refresh": "Refresh",
+      "retry": "Retry"
     },
     "formats": {
       "date": "YYYY-MM-DD",

package/i18n/messages/ar.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "إلغاء",
       "close": "إغلاق",
-      "confirm": "تأكيد"
+      "confirm": "تأكيد",
+      "refresh": "تحديث",
+      "retry": "إعادة محاولة"
     },
     "formats": {
       "date": "YYYY-MM-DD",
@@ -26,7 +28,8 @@
   "components": {
     "ui": {
       "AsyncDataTable": {
-        "actions": "الإجراءات"
+        "actions": "الإجراءات",
+        "loadFailed": "فشل التحميل"
       },
       "CopyButton": {
         "copied": "تم النسخ",
@@ -54,7 +57,7 @@
       "InfiniteDataTable": {
         "allLoaded": "— تم تحميل الكل —",
         "count": "{loaded} من {total} تم تحميله",
-        "refresh": "تحديث",
+        "loadFailed": "فشل التحميل",
         "scrollToTop": "الرجوع إلى الأعلى"
       },
       "InputRange": {

package/i18n/messages/de.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "Abbrechen",
       "close": "Schließen",
-      "confirm": "Bestätigen"
+      "confirm": "Bestätigen",
+      "refresh": "Aktualisieren",
+      "retry": "Erneut versuchen"
     },
     "formats": {
       "date": "YYYY-MM-DD",
@@ -26,7 +28,8 @@
   "components": {
     "ui": {
       "AsyncDataTable": {
-        "actions": "Aktionen"
+        "actions": "Aktionen",
+        "loadFailed": "Fehler beim Laden"
       },
       "CopyButton": {
         "copied": "Kopiert",
@@ -54,7 +57,7 @@
       "InfiniteDataTable": {
         "allLoaded": "— alle geladen —",
         "count": "{loaded} von {total} geladen",
-        "refresh": "Aktualisieren",
+        "loadFailed": "Fehler beim Laden",
         "scrollToTop": "Nach oben scrollen"
       },
       "InputRange": {

package/i18n/messages/en.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "Cancel",
       "close": "Close",
-      "confirm": "Confirm"
+      "confirm": "Confirm",
+      "refresh": "Refresh",
+      "retry": "Retry"
     },
     "formats": {
       "date": "YYYY-MM-DD",
@@ -26,7 +28,8 @@
   "components": {
     "ui": {
       "AsyncDataTable": {
-        "actions": "Actions"
+        "actions": "Actions",
+        "loadFailed": "Failed to load"
       },
       "CopyButton": {
         "copied": "Copied",
@@ -54,7 +57,7 @@
       "InfiniteDataTable": {
         "allLoaded": "— all loaded —",
         "count": "{loaded} of {total} loaded",
-        "refresh": "Refresh",
+        "loadFailed": "Failed to load",
         "scrollToTop": "Scroll to top"
       },
       "InputRange": {

package/i18n/messages/es.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "Cancelar",
       "close": "Cerrar",
-      "confirm": "Confirmar"
+      "confirm": "Confirmar",
+      "refresh": "Actualizar",
+      "retry": "Reintentar"
     },
     "formats": {
       "date": "YYYY-MM-DD",
@@ -26,7 +28,8 @@
   "components": {
     "ui": {
       "AsyncDataTable": {
-        "actions": "Acciones"
+        "actions": "Acciones",
+        "loadFailed": "No se pudo cargar"
       },
       "CopyButton": {
         "copied": "Copiado",
@@ -54,7 +57,7 @@
       "InfiniteDataTable": {
         "allLoaded": "— todos cargados —",
         "count": "{loaded} de {total} cargados",
-        "refresh": "Actualizar",
+        "loadFailed": "No se pudo cargar",
         "scrollToTop": "Desplazarse hacia arriba"
       },
       "InputRange": {

package/i18n/messages/fr.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "Annuler",
       "close": "Fermer",
-      "confirm": "Confirmer"
+      "confirm": "Confirmer",
+      "refresh": "Rafraîchir",
+      "retry": "Réessayer"
     },
     "formats": {
       "date": "YYYY-MM-DD",
@@ -26,7 +28,8 @@
   "components": {
     "ui": {
       "AsyncDataTable": {
-        "actions": "Actions"
+        "actions": "Actions",
+        "loadFailed": "Échec du chargement"
       },
       "CopyButton": {
         "copied": "Copié",
@@ -54,7 +57,7 @@
       "InfiniteDataTable": {
         "allLoaded": "— tout chargé —",
         "count": "{loaded} sur {total} chargés",
-        "refresh": "Actualiser",
+        "loadFailed": "Échec du chargement",
         "scrollToTop": "Retour au haut"
       },
       "InputRange": {

package/i18n/messages/hi.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "रद्द करें",
       "close": "बंद करें",
-      "confirm": "पुष्टि करें"
+      "confirm": "पुष्टि करें",
+      "refresh": "ताज़ा करें",
+      "retry": "पुनः प्रयास करें"
     },
     "formats": {
       "date": "YYYY-MM-DD",
@@ -26,7 +28,8 @@
   "components": {
     "ui": {
       "AsyncDataTable": {
-        "actions": "क्रियाएं"
+        "actions": "क्रियाएं",
+        "loadFailed": "लोड करने में विफल"
       },
       "CopyButton": {
         "copied": "कॉपी किया गया",
@@ -54,7 +57,7 @@
       "InfiniteDataTable": {
         "allLoaded": "— सभी लोड हो गए —",
         "count": "{loaded} of {total} लोड हो गया",
-        "refresh": "ताज़ा करें",
+        "loadFailed": "लोड करने में विफल",
         "scrollToTop": "शीर्ष पर जाएं"
       },
       "InputRange": {

package/i18n/messages/id.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "Batal",
       "close": "Tutup",
-      "confirm": "Konfirmasi"
+      "confirm": "Konfirmasi",
+      "refresh": "Segarkan",
+      "retry": "Coba Lagi"
     },
     "formats": {
       "date": "YYYY-MM-DD",
@@ -26,7 +28,8 @@
   "components": {
     "ui": {
       "AsyncDataTable": {
-        "actions": "Tindakan"
+        "actions": "Tindakan",
+        "loadFailed": "Gagal memuat"
       },
       "CopyButton": {
         "copied": "Disalin",
@@ -54,7 +57,7 @@
       "InfiniteDataTable": {
         "allLoaded": "— semua dimuat —",
         "count": "{loaded} dari {total} dimuat",
-        "refresh": "Segarkan",
+        "loadFailed": "Gagal memuat",
         "scrollToTop": "Gulir ke atas"
       },
       "InputRange": {

package/i18n/messages/it.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "Annulla",
       "close": "Chiudi",
-      "confirm": "Conferma"
+      "confirm": "Conferma",
+      "refresh": "Aggiorna",
+      "retry": "Riprova"
     },
     "formats": {
       "date": "YYYY-MM-DD",
@@ -26,7 +28,8 @@
   "components": {
     "ui": {
       "AsyncDataTable": {
-        "actions": "Azioni"
+        "actions": "Azioni",
+        "loadFailed": "Caricamento non riuscito"
       },
       "CopyButton": {
         "copied": "Copiato",
@@ -54,7 +57,7 @@
       "InfiniteDataTable": {
         "allLoaded": "— completamente caricato —",
         "count": "{loaded} di {total} caricati",
-        "refresh": "Aggiorna",
+        "loadFailed": "Caricamento non riuscito",
         "scrollToTop": "Scorri verso l'alto"
       },
       "InputRange": {

package/i18n/messages/ja.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "キャンセル",
       "close": "閉じる",
-      "confirm": "確認"
+      "confirm": "確認",
+      "refresh": "更新",
+      "retry": "再試行"
     },
     "formats": {
       "date": "YYYY年MM月DD日",
@@ -26,7 +28,8 @@
   "components": {
     "ui": {
       "AsyncDataTable": {
-        "actions": "アクション"
+        "actions": "アクション",
+        "loadFailed": "読み込みに失敗しました"
       },
       "CopyButton": {
         "copied": "コピーしました",
@@ -54,7 +57,7 @@
       "InfiniteDataTable": {
         "allLoaded": "すべて読み込み完了",
         "count": "{loaded}/{total} 読み込み済み",
-        "refresh": "更新",
+        "loadFailed": "読み込みに失敗しました",
         "scrollToTop": "トップへスクロール"
       },
       "InputRange": {

package/i18n/messages/ko.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "취소",
       "close": "닫기",
-      "confirm": "확인"
+      "confirm": "확인",
+      "refresh": "새로고침",
+      "retry": "재시도"
     },
     "formats": {
       "date": "YYYY-MM-DD",
@@ -26,7 +28,8 @@
   "components": {
     "ui": {
       "AsyncDataTable": {
-        "actions": "작업"
+        "actions": "작업",
+        "loadFailed": "로드 실패"
       },
       "CopyButton": {
         "copied": "복사됨",
@@ -54,7 +57,7 @@
       "InfiniteDataTable": {
         "allLoaded": "— 모두 로드됨 —",
         "count": "{loaded}개/{total}개 로드됨",
-        "refresh": "새로고침",
+        "loadFailed": "로드 실패",
         "scrollToTop": "상단으로 이동"
       },
       "InputRange": {

package/i18n/messages/nl.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "Annuleren",
       "close": "Sluiten",
-      "confirm": "Bevestigen"
+      "confirm": "Bevestigen",
+      "refresh": "Vernieuwen",
+      "retry": "Opnieuw proberen"
     },
     "formats": {
       "date": "YYYY-MM-DD",
@@ -26,7 +28,8 @@
   "components": {
     "ui": {
       "AsyncDataTable": {
-        "actions": "Acties"
+        "actions": "Acties",
+        "loadFailed": "Laden mislukt"
       },
       "CopyButton": {
         "copied": "Gekopieerd",
@@ -54,7 +57,7 @@
       "InfiniteDataTable": {
         "allLoaded": "— alles geladen —",
         "count": "{loaded} van {total} geladen",
-        "refresh": "Vernieuwen",
+        "loadFailed": "Laden mislukt",
         "scrollToTop": "Naar boven schuiven"
       },
       "InputRange": {

package/i18n/messages/pl.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "Anuluj",
       "close": "Zamknij",
-      "confirm": "Potwierdź"
+      "confirm": "Potwierdź",
+      "refresh": "Odśwież",
+      "retry": "Ponów"
     },
     "formats": {
       "date": "YYYY-MM-DD",
@@ -26,7 +28,8 @@
   "components": {
     "ui": {
       "AsyncDataTable": {
-        "actions": "Akcje"
+        "actions": "Akcje",
+        "loadFailed": "Nie udało się załadować"
       },
       "CopyButton": {
         "copied": "Skopiowano",
@@ -54,7 +57,7 @@
       "InfiniteDataTable": {
         "allLoaded": "— wszystko załadowane —",
         "count": "{loaded} z {total} załadowane",
-        "refresh": "Odśwież",
+        "loadFailed": "Nie udało się załadować",
         "scrollToTop": "Przewiń do góry"
       },
       "InputRange": {

package/i18n/messages/pt.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "Cancelar",
       "close": "Fechar",
-      "confirm": "Confirmar"
+      "confirm": "Confirmar",
+      "refresh": "Atualizar",
+      "retry": "Tentar Novamente"
     },
     "formats": {
       "date": "YYYY-MM-DD",
@@ -26,7 +28,8 @@
   "components": {
     "ui": {
       "AsyncDataTable": {
-        "actions": "Ações"
+        "actions": "Ações",
+        "loadFailed": "Falha ao carregar"
       },
       "CopyButton": {
         "copied": "Copiado",
@@ -54,7 +57,7 @@
       "InfiniteDataTable": {
         "allLoaded": "— Tudo carregado —",
         "count": "{loaded} de {total} carregado(s)",
-        "refresh": "Atualizar",
+        "loadFailed": "Falha ao carregar",
         "scrollToTop": "Voltar ao topo"
       },
       "InputRange": {

package/i18n/messages/ru.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "Отменить",
       "close": "Закрыть",
-      "confirm": "Подтвердить"
+      "confirm": "Подтвердить",
+      "refresh": "Обновить",
+      "retry": "Повторить"
     },
     "formats": {
       "date": "ГГГГ-ММ-ДД",
@@ -26,7 +28,8 @@
   "components": {
     "ui": {
       "AsyncDataTable": {
-        "actions": "Действия"
+        "actions": "Действия",
+        "loadFailed": "Ошибка загрузки"
       },
       "CopyButton": {
         "copied": "Скопировано",
@@ -54,7 +57,7 @@
       "InfiniteDataTable": {
         "allLoaded": "— все загружено —",
         "count": "{loaded} из {total} загружено",
-        "refresh": "Обновить",
+        "loadFailed": "Ошибка загрузки",
         "scrollToTop": "Прокрутить вверх"
       },
       "InputRange": {

package/i18n/messages/th.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "ยกเลิก",
       "close": "ปิด",
-      "confirm": "ยืนยัน"
+      "confirm": "ยืนยัน",
+      "refresh": "รีเฟรช",
+      "retry": "ลองใหม่"
     },
     "formats": {
       "date": "YYYY-MM-DD",
@@ -26,7 +28,8 @@
   "components": {
     "ui": {
       "AsyncDataTable": {
-        "actions": "การกระทำ"
+        "actions": "การกระทำ",
+        "loadFailed": "ไม่สามารถโหลดได้"
       },
       "CopyButton": {
         "copied": "คัดลอกแล้ว",
@@ -54,7 +57,7 @@
       "InfiniteDataTable": {
         "allLoaded": "— โหลดเสร็จแล้วทั้งหมด —",
         "count": "{loaded} จาก {total} โหลดแล้ว",
-        "refresh": "รีเฟรช",
+        "loadFailed": "ไม่สามารถโหลดได้",
         "scrollToTop": "เลื่อนขึ้นด้านบน"
       },
       "InputRange": {

package/i18n/messages/tr.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "İptal",
       "close": "Kapat",
-      "confirm": "Onayla"
+      "confirm": "Onayla",
+      "refresh": "Yenile",
+      "retry": "Yeniden Dene"
     },
     "formats": {
       "date": "YYYY-MM-DD",
@@ -26,7 +28,8 @@
   "components": {
     "ui": {
       "AsyncDataTable": {
-        "actions": "İşlemler"
+        "actions": "İşlemler",
+        "loadFailed": "Yüklenemedi"
       },
       "CopyButton": {
         "copied": "Kopyalandı",
@@ -54,7 +57,7 @@
       "InfiniteDataTable": {
         "allLoaded": "— tümü yüklendi —",
         "count": "{loaded} / {total} yüklendi",
-        "refresh": "Yenile",
+        "loadFailed": "Yüklenemedi",
         "scrollToTop": "Başa dön"
       },
       "InputRange": {

package/i18n/messages/vi.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "Hủy",
       "close": "Đóng",
-      "confirm": "Xác nhận"
+      "confirm": "Xác nhận",
+      "refresh": "Làm mới",
+      "retry": "Thử lại"
     },
     "formats": {
       "date": "YYYY-MM-DD",
@@ -26,7 +28,8 @@
   "components": {
     "ui": {
       "AsyncDataTable": {
-        "actions": "Hành động"
+        "actions": "Hành động",
+        "loadFailed": "Không thể tải"
       },
       "CopyButton": {
         "copied": "Đã sao chép",
@@ -54,7 +57,7 @@
       "InfiniteDataTable": {
         "allLoaded": "— tất cả đã tải —",
         "count": "{loaded} của {total} đã tải",
-        "refresh": "Làm mới",
+        "loadFailed": "Không thể tải",
         "scrollToTop": "Cuộn lên đầu"
       },
       "InputRange": {

package/i18n/messages/zh-CN.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "取消",
       "close": "关闭",
-      "confirm": "确认"
+      "confirm": "确认",
+      "refresh": "刷新",
+      "retry": "重试"
     },
     "formats": {
       "date": "YYYY-MM-DD",
@@ -26,7 +28,8 @@
   "components": {
     "ui": {
       "AsyncDataTable": {
-        "actions": "操作"
+        "actions": "操作",
+        "loadFailed": "加载失败"
       },
       "CopyButton": {
         "copied": "已复制",
@@ -54,7 +57,7 @@
       "InfiniteDataTable": {
         "allLoaded": "全部已加载",
         "count": "{loaded} / {total} 已加载",
-        "refresh": "刷新",
+        "loadFailed": "加载失败",
         "scrollToTop": "回到顶部"
       },
       "InputRange": {

package/i18n/messages/zh-TW.json

@@ -3,7 +3,9 @@
     "actions": {
       "cancel": "取消",
       "close": "關閉",
-      "confirm": "確認"
+      "confirm": "確認",
+      "refresh": "重新整理",
+      "retry": "重試"
     },
     "formats": {
       "date": "YYYY-MM-DD",
@@ -26,7 +28,8 @@
   "components": {
     "ui": {
       "AsyncDataTable": {
-        "actions": "操作"
+        "actions": "操作",
+        "loadFailed": "載入失敗"
       },
       "CopyButton": {
         "copied": "已複製",
@@ -54,7 +57,7 @@
       "InfiniteDataTable": {
         "allLoaded": "— 全部已載入 —",
         "count": "{loaded} 的 {total} 已載入",
-        "refresh": "重新整理",
+        "loadFailed": "載入失敗",
         "scrollToTop": "回到頂部"
       },
       "InputRange": {

package/nuxt.config.ts

@@ -13,7 +13,7 @@ export default defineNuxtConfig({
   },
 
   // Package is declared as peerDependency so consumers own the version.
-  extends: [ '@polymarbot/nuxt-layer-effect' ],
+  extends: [ '@polymarbot/nuxt-layer-basic' ],
   modules: [ '@nuxtjs/i18n' ],
 
   // Lazy-loaded messages. @nuxtjs/i18n v9+ lazy-loads every locale file by

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polymarbot/nuxt-layer-shadcn-ui",
-  "version": "0.7.6",
+  "version": "0.8.0",
   "description": "Nuxt layer providing shadcn-vue based UI components",
   "type": "module",
   "main": "./nuxt.config.ts",
@@ -17,8 +17,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@polymarbot/nuxt-layer-effect": "^0.1",
-    "@polymarbot/uitls-shared": "^0.3",
+    "@polymarbot/nuxt-layer-basic": "^0.1",
+    "@polymarbot/uitls-shared": "^0.5",
     "@tanstack/vue-table": "^8.21.3",
     "@types/lodash-es": "^4.17.12",
     "@types/qrcode": "^1.5.6",
@@ -42,5 +42,5 @@
     "vue-i18n": "^11",
     "vue-router": "^4 || ^5"
   },
-  "gitHead": "9303e0b6a75098f94382a178c8ef2bc4dc5e8f88"
+  "gitHead": "dbce6d8341e369cdd6ae0c7008b31325c339d200"
 }