@xleddyl/nuxt-cms 0.1.49 → 0.1.51

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@xleddyl/nuxt-cms",
   "configKey": "cms",
-  "version": "0.1.49",
+  "version": "0.1.51",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/runtime/app/components/cms/BlocksField.vue

@@ -54,7 +54,7 @@
                >
                   <CmsIcon name="bars-2" class="size-4" />
                </button>
-               <span class="cms-block-bar-name" :title="labelOf(item)">{{ labelOf(item) }}</span>
+               <span class="cms-block-bar-name" :title="barTitle(item)">{{ barLabel(item) }}</span>
                <div class="cms-block-bar-actions">
                   <CmsButton
                      icon="trash"
@@ -143,6 +143,7 @@
 <script setup>
 import {
   isTranslatableMediaField,
+  mediaFilename,
   mediaIconFor,
   mediaPublicUrl,
   mediaTypeForKey,
@@ -174,6 +175,13 @@ function blockOf(item) {
 function labelOf(item) {
   return blockOf(item)?.label ?? String(item.type);
 }
+function barLabel(item) {
+  const key = mediaKeyOf(item);
+  return key ? mediaFilename(key) : labelOf(item);
+}
+function barTitle(item) {
+  return mediaKeyOf(item) ?? labelOf(item);
+}
 function mediaKeyOf(item) {
   const locale = props.locale ?? i18n.defaultLocale;
   for (const [key, field] of Object.entries(blockOf(item)?.fields ?? {})) {

package/dist/runtime/app/components/cms/PageHeader.vue

@@ -4,7 +4,7 @@
          <nav v-if="links?.length" class="cms-breadcrumb">
             <template v-for="link in links" :key="link.to">
                <NuxtLink :to="link.to" class="cms-breadcrumb-link">{{ link.label }}</NuxtLink>
-               <CmsIcon name="chevron-right" class="cms-breadcrumb-separator size-3" />
+               <CmsIcon name="chevron-right" class="cms-breadcrumb-separator size-2.5" />
             </template>
          </nav>
          <div class="cms-actions">

package/dist/runtime/app/pages/admin-collection.vue

@@ -228,8 +228,20 @@ function isList(value) {
   return !!value && Array.isArray(value.items);
 }
 const rows = computed(() => isList(data.value) ? data.value.items : []);
+const mounted = ref(false);
+onMounted(() => {
+  mounted.value = true;
+});
 function lastEdit(value) {
-  return typeof value === "string" && value ? value.slice(0, 10) : "never saved";
+  if (typeof value !== "string" || !value) return "Never saved";
+  const stamp = value.includes("T") ? value : value.replace(" ", "T") + "Z";
+  const date = new Date(stamp);
+  if (Number.isNaN(date.getTime())) return `Last edit ${value.slice(0, 10)}`;
+  if (!mounted.value) return `Last edit ${value.slice(0, 10)}`;
+  return `Last edit ${date.toLocaleDateString()} ${date.toLocaleTimeString([], {
+    hour: "2-digit",
+    minute: "2-digit"
+  })}`;
 }
 const pageTree = computed(() => {
   const byPath = new Set(rows.value.map((row) => String(row.path)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xleddyl/nuxt-cms",
-  "version": "0.1.49",
+  "version": "0.1.51",
   "description": "Lightweight CMS that ships with your Nuxt app: runs on the Nitro server, content types defined in code, /cms admin panel, GraphQL API, SQLite or Postgres. No external CMS needed!",
   "license": "MIT",
   "author": "Edoardo Alberti (https://github.com/xleddyl)",