@innertia-solutions/nuxt-theme-spark 0.1.91 → 0.1.93

package/components/Table/Standard.vue

@@ -2,9 +2,10 @@
 import { IconSearch, IconAdjustmentsHorizontal, IconLayoutColumns, IconGripVertical } from '@tabler/icons-vue'
 
 const props = defineProps({
-  endpoint:          { type: String,  required: true },
+  table:             { type: Object,  default: null },
+  endpoint:          { type: String,  default: '' },
   columns:           { type: Array,   required: true },
-  name:              { type: String,  required: true },
+  name:              { type: String,  default: '' },
   params:            { type: Object,  default: () => ({}) },
   checkable:         { type: Boolean, default: false },
   cached:            { type: Boolean, default: true },
@@ -18,6 +19,9 @@ const props = defineProps({
   splitRatio:        { type: Number,  default: 60 },
 })
 
+const resolvedEndpoint = computed(() => props.table?.endpoint ?? props.endpoint)
+const resolvedName     = computed(() => props.table?.name     ?? props.name)
+
 const emit = defineEmits(['row-click', 'loaded'])
 const slots = useSlots()
 const forwardedSlots = computed(() => {
@@ -54,7 +58,7 @@ const containerRef    = ref(null)
 const previewEnabled  = ref(false)
 const paginationHeight = ref(0)
 
-const previewCacheKey = computed(() => `table-preview-${props.name}`)
+const previewCacheKey = computed(() => `table-preview-${resolvedName.value}`)
 
 const previewFromCache = ref(false)
 const closePreview = () => { previewRow.value = null }
@@ -114,7 +118,7 @@ const startResize = (e) => {
 }
 
 const onEsc = (e) => { if (e.key === 'Escape' && previewRow.value) closePreview() }
-onMounted(() => {
+onMounted(async () => {
   previewEnabled.value = !!slots.preview
   window.addEventListener('keydown', onEsc)
   // Restore preview from session cache — mark as from-cache to skip enter animation
@@ -258,7 +262,7 @@ defineExpose({ getSelectedRows, reload, clearCache, exportTable, tableRef })
           Columnas
         </button>
 
-        <TableExportable v-if="showExport" :table-ref="tableRef" :name="name" :columns="columns" />
+        <TableExportable v-if="showExport" :table-ref="tableRef" :name="resolvedName" :columns="columns" />
       </div>
 
       <!-- Contenido: tabla siempre full width + preview overlay -->
@@ -267,9 +271,9 @@ defineExpose({ getSelectedRows, reload, clearCache, exportTable, tableRef })
         <!-- Tabla -->
         <Table
           ref="tableRef"
-          :endpoint="endpoint"
+          :endpoint="resolvedEndpoint"
           :columns="columns"
-          :name="name"
+          :name="resolvedName"
           :params="mergedParams"
           :search="search"
           :checkable="checkable"

package/package.json

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

package/shared/composables/useTable.ts

@@ -1,6 +1,10 @@
 // composables/useTable.ts
 
-export function useTable() {
+type TableConfig = { name: string; endpoint: string } | string
+
+export function useTable(tableOrName?: TableConfig) {
+    const resolvedName = typeof tableOrName === 'object' ? tableOrName?.name : tableOrName
+
     const invalidateCache = (tableName: string) => {
         if (!tableName) {
             console.warn('[useTable] No table name provided');
@@ -72,7 +76,13 @@ export function useTable() {
         return { filters, resetFilters };
     };
 
+    const invalidate = () => {
+        if (resolvedName) invalidateCache(resolvedName)
+        else console.warn('[useTable] No table name to invalidate')
+    }
+
     return {
+        invalidate,
         invalidateCache,
         invalidateMultiple,
         clearAllCache,