@innertia-solutions/nuxt-theme-spark 0.1.44 → 0.1.46

package/components/Table.vue

@@ -34,10 +34,13 @@ const tableData = ref([])
 const rowCount = ref(0)
 const loading = ref(false)
 const isDataFromCache = ref(false)
-const lastDataLength = ref(10)
+const lastDataLength = ref(-1)
 const lastRowHeight = ref(48)
 const tableBodyRef = ref(null)
-const skeletonRows = computed(() => Array.from({ length: Math.max(lastDataLength.value, pagination.value.pageSize) }))
+const skeletonRows = computed(() => {
+  const count = lastDataLength.value < 0 ? pagination.value.pageSize : lastDataLength.value
+  return Array.from({ length: count })
+})
 const isGridView = computed(() => props.viewMode === 'grid')
 
 // ─── TanStack state ───────────────────────────────────────────────────────────
@@ -141,10 +144,6 @@ const buildRequestParams = () => {
 const fetchData = async () => {
   if (tableData.value.length > 0) {
     lastDataLength.value = tableData.value.length
-    if (tableBodyRef.value?.children[0]) {
-      const h = tableBodyRef.value.children[0].getBoundingClientRect().height
-      if (h > 0) lastRowHeight.value = h
-    }
   }
 
   tableData.value = []
@@ -248,6 +247,17 @@ const loadFromCacheOnMount = async () => {
 }
 
 // ─── Watchers ─────────────────────────────────────────────────────────────────
+watch(tableData, (newData) => {
+  if (newData.length > 0 && tableBodyRef.value) {
+    const firstDataRow = Array.from(tableBodyRef.value.children).find(el => el.dataset.rowType === 'data')
+    if (firstDataRow) {
+      const h = firstDataRow.getBoundingClientRect().height
+      if (h > 0) lastRowHeight.value = h
+      lastDataLength.value = newData.length
+    }
+  }
+}, { flush: 'post' })
+
 watch(pagination, () => { if (!isRestoring.value) scheduleFetch(0) }, { deep: true })
 watch(sorting, () => { if (!isRestoring.value) scheduleFetch(0) }, { deep: true })
 watch(columnFilters, () => { if (!isRestoring.value) scheduleFetch(300) }, { deep: true })
@@ -569,6 +579,7 @@ defineExpose({
             v-else
             v-for="row in table.getRowModel().rows"
             :key="row.id"
+            data-row-type="data"
             @click="(e) => handleRowClick(row, e)"
             @keydown="(e) => handleRowKeydown(row, e)"
             :tabindex="isRowClickEnabled ? 0 : undefined"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innertia-solutions/nuxt-theme-spark",
-  "version": "0.1.44",
+  "version": "0.1.46",
   "description": "Innertia Solutions — Spark theme: backoffice, landing and mobile components and layouts",
   "keywords": [
     "nuxt",