@innertia-solutions/nuxt-theme-spark 0.1.119 → 0.1.121

package/components/Table/PreviewTimeline.vue

@@ -3,21 +3,27 @@ const props = defineProps({
   endpoint: { type: String, required: true },
 })
 
-const config = useRuntimeConfig()
-const baseUrl = config.public?.apiBaseUrl ?? '/api'
+const api     = useApi()
+const events  = ref([])
+const pending = ref(false)
+const error   = ref(null)
 
-const url = computed(() => `${baseUrl}/${props.endpoint}`)
+const fetchHistory = async () => {
+  pending.value = true
+  error.value   = null
+  try {
+    const data   = await api.get(props.endpoint)
+    events.value = Array.isArray(data) ? data : (data.data ?? [])
+  } catch (e) {
+    error.value = e
+  } finally {
+    pending.value = false
+  }
+}
 
-const { data: rawData, pending, error, refresh } = useFetch(url, {
-  watch: [url],
-  key: computed(() => `timeline-${props.endpoint}`),
-})
+const refresh = fetchHistory
 
-const events = computed(() => {
-  const d = rawData.value
-  if (!d) return []
-  return Array.isArray(d) ? d : (d.data ?? [])
-})
+watch(() => props.endpoint, fetchHistory, { immediate: true })
 
 const typeConfig = {
   created:  { color: 'bg-green-500',  label: 'Creado',      textColor: 'text-green-600 dark:text-green-400'  },

package/components/Table/Standard.vue

@@ -17,7 +17,6 @@ const props = defineProps({
   showExport:        { type: Boolean, default: true },
   filters:           { type: Array,   default: () => [] },
   splitRatio:        { type: Number,  default: 60 },
-  historyEndpoint:   { type: Function, default: null },
 })
 
 const resolvedEndpoint = computed(() => props.table?.endpoint ?? props.endpoint)
@@ -64,10 +63,14 @@ const previewCacheKey = computed(() => `table-preview-${resolvedName.value}`)
 const previewFromCache = ref(false)
 const closePreview = () => { previewRow.value = null }
 
-const previewTab = ref('datos')
-const resolvedHistoryEndpoint = computed(() =>
-  props.historyEndpoint ? props.historyEndpoint(previewRow.value) : null
-)
+const previewTab  = ref('datos')
+const tableMeta   = ref(null)
+
+const hasHistory = computed(() => !!tableMeta.value?.has_history)
+const resolvedHistoryEndpoint = computed(() => {
+  if (!hasHistory.value || !previewRow.value?.id || !tableMeta.value?.entity_type) return null
+  return `history/${tableMeta.value.entity_type}/${previewRow.value.id}`
+})
 
 watch(previewRow, () => { previewTab.value = 'datos' })
 
@@ -89,6 +92,7 @@ watch(previewRow, (row) => {
 // When data reloads, update previewRow with fresh data — close silently if deleted
 const handleLoaded = (res) => {
   emit('loaded', res)
+  if (res?.meta) tableMeta.value = res.meta
   if (previewRow.value && Array.isArray(res?.data)) {
     const fresh = res.data.find(r => r.id === previewRow.value.id)
     if (fresh) previewRow.value = fresh
@@ -349,7 +353,7 @@ defineExpose({ getSelectedRows, reload, clearCache, exportTable, tableRef })
               </div>
 
               <!-- Tabs — bottom -->
-              <div v-if="props.historyEndpoint" class="shrink-0 flex border-t border-card-line">
+              <div v-if="hasHistory" class="shrink-0 flex border-t border-card-line">
                 <button
                   type="button"
                   @click="previewTab = 'datos'"

package/package.json

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