@xleddyl/nuxt-cms 0.2.3 → 0.3.0

package/README.md

@@ -10,7 +10,7 @@ nuxt-cms is a Nuxt module that leverages the Nitro server to ship a lightweight
 - **Content types in code**: a `cms.config.ts` with `defineCmsConfig()` declares collections, single documents, relations, blocks and translatable fields; database schema, migrations and TypeScript types are generated from it.
 - **Content with blocks**: news, blog and other content types with title, slug, cover, SEO fields and a body built from your own site components, drafts and scheduled publishing; `<CmsBlocks>` renders the body with typed props.
 - **Visual editor**: content items (and any blocks field built from site components) are edited on a live preview of your own site, with drag and drop, a block palette, per-locale and mobile previews, scheduling and publishing.
-- **Admin panel at `/cms`**: entry editing with validation, drafts, media library (S3-compatible storage, a directory on the server's disk, or a local mode backed directly by your `public/` folder), single-admin auth from env credentials.
+- **Admin panel at `/cms`**: entry editing with validation, drafts, media library with one-click download of the original file (S3-compatible storage, a directory on the server's disk, or a local mode backed directly by your `public/` folder), a global search (⌘K / Ctrl K) over labels and every stored value in all locales, single-admin auth from env credentials.
 - **Public GraphQL API**: read-only, typed end-to-end via gql.tada, with filtering, sorting and pagination; fields marked `private` stay out of it.
 - **SQLite, Postgres, libSQL/Turso or Cloudflare D1**: a local file database by default, one config line to switch (including remote SQLite over the network).
 - **Runs on serverless too**: migrations are baked into the server bundle, uploads are presigned straight to your bucket, sessions are sealed cookies. Nothing on the request path needs a local disk or sticky instances.

package/dist/module.json

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

package/dist/module.mjs

@@ -1871,6 +1871,11 @@ const module$1 = defineNuxtModule({
       method: "post",
       handler: resolver.resolve("./runtime/server/api/media-usage.post")
     });
+    addServerHandler({
+      route: "/api/cms/admin/media/download",
+      method: "get",
+      handler: resolver.resolve("./runtime/server/api/media-download.get")
+    });
     if (mediaFilesystemBase) {
       addServerHandler({
         route: "/api/cms/admin/media/upload",
@@ -1882,6 +1887,11 @@ const module$1 = defineNuxtModule({
         handler: resolver.resolve("./runtime/server/routes/media-file")
       });
     }
+    addServerHandler({
+      route: "/api/cms/search",
+      method: "get",
+      handler: resolver.resolve("./runtime/server/api/search.get")
+    });
     addServerHandler({
       route: "/api/cms/users",
       method: "get",

package/dist/runtime/app/components/cms/EntryForm.d.vue.ts

@@ -1,4 +1,5 @@
 import type { CmsEntry, CmsTab } from '#nuxt-cms';
+import type { CmsSearchFocus } from '../../../shared/search.js';
 type __VLS_Props = {
     fields: CmsEntry['fields'];
     tabs?: CmsTab[];
@@ -7,6 +8,7 @@ type __VLS_Props = {
     loading?: boolean;
     formId?: string;
     footer?: boolean;
+    focus?: CmsSearchFocus | null;
 };
 type __VLS_ModelProps = {
     modelValue: Record<string, unknown>;

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

@@ -1,5 +1,12 @@
 <template>
-   <CmsForm :id="formId" :state="state" :schema="schema" @submit="emit('submit')" @error="onError">
+   <CmsForm
+      :id="formId"
+      ref="form"
+      :state="state"
+      :schema="schema"
+      @submit="emit('submit')"
+      @error="onError"
+   >
       <div v-if="tabList.length > 1" class="cms-tabs" role="tablist">
          <button
             v-for="tab in tabList"
@@ -53,6 +60,8 @@
                         :icon="fieldIcon(fields[key])"
                         :name="key"
                         :required="fields[key].required"
+                        :data-cms-field="key"
+                        :class="{ 'is-search-focus': highlighted === key }"
                      >
                         <template
                            v-if="hasLocaleSwitch(fields[key]) && i18n.locales.length > 1"
@@ -102,8 +111,9 @@ import {
   resolveFormLayout,
   slugSourceValue
 } from "#nuxt-cms";
-import { computed, nextTick, ref, watch } from "#imports";
+import { computed, nextTick, onMounted, ref, watch } from "#imports";
 import { buildEntrySchema } from "../../../shared/validation";
+import { useCmsFieldFocus } from "../../composables/cms-field-focus";
 import { useCmsRuntime } from "../../composables/cms-runtime";
 import { entryFormLayout, useCmsSettingsState } from "../../composables/cms-settings";
 import { fieldIcon } from "../../utils/ui";
@@ -114,7 +124,8 @@ const props = defineProps({
   drafts: { type: Boolean, required: false },
   loading: { type: Boolean, required: false },
   formId: { type: String, required: false },
-  footer: { type: Boolean, required: false, default: true }
+  footer: { type: Boolean, required: false, default: true },
+  focus: { type: [Object, null], required: false }
 });
 const state = defineModel({ type: Object, ...{ required: true } });
 const emit = defineEmits(["submit", "error"]);
@@ -194,4 +205,24 @@ const published = computed({
 function togglePublished() {
   published.value = !published.value;
 }
+const form = ref(null);
+const { highlighted, reveal } = useCmsFieldFocus();
+function applyFocus(focus) {
+  if (focus.tab && tabList.value.some((tab2) => tab2.id === focus.tab)) activeTab.value = focus.tab;
+  const key = focus.field;
+  const field = key ? props.fields[key] : void 0;
+  if (!key || !field) return;
+  const tab = tabList.value.length ? fieldTab(field, tabList.value) : void 0;
+  if (tab) activeTab.value = tab;
+  if (focus.locale && hasLocaleSwitch(field) && i18n.locales.includes(focus.locale)) {
+    setLocale(key, focus.locale);
+  }
+  void nextTick(() => {
+    revealField(key);
+    reveal(() => form.value?.$el, key);
+  });
+}
+onMounted(() => {
+  if (props.focus) applyFocus(props.focus);
+});
 </script>

package/dist/runtime/app/components/cms/EntryForm.vue.d.ts

@@ -1,4 +1,5 @@
 import type { CmsEntry, CmsTab } from '#nuxt-cms';
+import type { CmsSearchFocus } from '../../../shared/search.js';
 type __VLS_Props = {
     fields: CmsEntry['fields'];
     tabs?: CmsTab[];
@@ -7,6 +8,7 @@ type __VLS_Props = {
     loading?: boolean;
     formId?: string;
     footer?: boolean;
+    focus?: CmsSearchFocus | null;
 };
 type __VLS_ModelProps = {
     modelValue: Record<string, unknown>;

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

@@ -13,22 +13,31 @@
             <CmsIcon v-else :name="mediaIconFor(item.type)" class="size-12" />
          </div>
 
-         <div v-if="item.url" class="cms-actions">
-            <CmsButton
-               :label="copied ? 'Copied' : 'Copy URL'"
-               :icon="copied ? 'check' : 'clipboard-document'"
-               variant="soft"
-               color="neutral"
-               size="sm"
-               @click="copyUrl"
-            />
+         <div class="cms-actions">
+            <template v-if="item.url">
+               <CmsButton
+                  :label="copied ? 'Copied' : 'Copy URL'"
+                  :icon="copied ? 'check' : 'clipboard-document'"
+                  variant="soft"
+                  color="neutral"
+                  size="sm"
+                  @click="copyUrl"
+               />
+               <a
+                  :href="item.url"
+                  target="_blank"
+                  rel="noopener"
+                  class="cms-btn cms-btn-sm cms-btn-neutral cms-btn-ghost"
+               >
+                  <CmsIcon name="arrow-top-right-on-square" class="size-4 shrink-0" />Open
+               </a>
+            </template>
             <a
-               :href="item.url"
-               target="_blank"
-               rel="noopener"
+               :href="downloadHref"
+               download
                class="cms-btn cms-btn-sm cms-btn-neutral cms-btn-ghost"
             >
-               <CmsIcon name="arrow-top-right-on-square" class="size-4 shrink-0" />Open
+               <CmsIcon name="arrow-down-tray" class="size-4 shrink-0" />Download
             </a>
          </div>
 
@@ -128,6 +137,9 @@ const dirty = computed(() => {
   if (!props.item) return false;
   return (alt.value.trim() || null) !== (props.item.alt ?? null) || !props.readOnly && folder.value !== (props.item.folder ?? null);
 });
+const downloadHref = computed(
+  () => props.item ? `/api/cms/admin/media/download?key=${encodeURIComponent(props.item.key)}` : ""
+);
 const facts = computed(() => {
   const item = props.item;
   if (!item) return [];

package/dist/runtime/app/components/cms/Search.d.vue.ts

@@ -0,0 +1,7 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: () => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onOpen?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,347 @@
+<template>
+   <button
+      ref="trigger"
+      type="button"
+      class="cms-search-trigger"
+      aria-haspopup="dialog"
+      :aria-expanded="open"
+      aria-keyshortcuts="Meta+K Control+K"
+      @click="show"
+   >
+      <CmsIcon name="magnifying-glass" class="cms-search-trigger-icon size-4 shrink-0" />
+      <span class="cms-search-trigger-text">Search</span>
+      <kbd class="cms-kbd">{{ shortcut }}</kbd>
+   </button>
+
+   <Teleport to="body">
+      <Transition name="cms-modal">
+         <div v-if="open" class="cms-scope cms-overlay cms-search-overlay" @click.self="close">
+            <div
+               class="cms-modal cms-search"
+               role="dialog"
+               aria-modal="true"
+               aria-labelledby="cms-search-label"
+            >
+               <div class="cms-search-bar">
+                  <label id="cms-search-label" for="cms-search-input" class="sr-only">
+                     Search the CMS
+                  </label>
+                  <CmsIcon name="magnifying-glass" class="cms-search-bar-icon size-5 shrink-0" />
+                  <input
+                     id="cms-search-input"
+                     ref="input"
+                     v-model="query"
+                     type="text"
+                     role="combobox"
+                     class="cms-search-input"
+                     placeholder="Search content, fields and pages"
+                     autocomplete="off"
+                     spellcheck="false"
+                     aria-autocomplete="list"
+                     aria-controls="cms-search-results"
+                     :aria-expanded="hits.length > 0"
+                     :aria-activedescendant="activeId"
+                     @keydown="onKeydown"
+                  />
+                  <CmsSpinner v-if="loading" />
+                  <kbd class="cms-kbd">Esc</kbd>
+               </div>
+
+               <div class="cms-search-body">
+                  <p v-if="hint" class="cms-search-hint">{{ hint }}</p>
+                  <div
+                     id="cms-search-results"
+                     role="listbox"
+                     aria-labelledby="cms-search-label"
+                     class="cms-search-results"
+                  >
+                     <div
+                        v-for="(group, groupIndex) in groups"
+                        :key="group.key"
+                        role="group"
+                        :aria-labelledby="`cms-search-group-${groupIndex}`"
+                        class="cms-search-group"
+                     >
+                        <div :id="`cms-search-group-${groupIndex}`" class="cms-search-group-title">
+                           <span>{{ group.label }}</span>
+                           <span class="cms-search-group-kind">{{ KIND_LABELS[group.kind] }}</span>
+                        </div>
+                        <div
+                           v-for="item in group.items"
+                           :id="optionId(item.index)"
+                           :key="item.index"
+                           role="option"
+                           class="cms-search-option"
+                           :class="{ 'is-active': item.index === active }"
+                           :aria-selected="item.index === active"
+                           @mousemove="active = item.index"
+                           @click="go(item.hit)"
+                        >
+                           <CmsIcon
+                              :name="iconOf(item.hit)"
+                              class="cms-search-option-icon size-4 shrink-0"
+                           />
+                           <span class="cms-search-option-text">
+                              <template v-if="isValueHit(item.hit)">
+                                 <span class="cms-search-option-head">
+                                    <span class="cms-search-option-title">
+                                       {{ item.hit.title ?? item.hit.entryLabel }}
+                                    </span>
+                                    <span v-if="item.hit.fieldLabel" class="cms-search-option-meta">
+                                       {{ item.hit.fieldLabel }}
+                                    </span>
+                                    <span v-if="item.hit.locale" class="cms-badge is-muted">
+                                       {{ item.hit.locale }}
+                                    </span>
+                                 </span>
+                                 <span class="cms-search-snippet">
+                                    {{ item.hit.snippet.before
+                                    }}<mark class="cms-search-mark">{{
+                                       item.hit.snippet.match
+                                    }}</mark
+                                    >{{ item.hit.snippet.after }}
+                                 </span>
+                              </template>
+                              <template v-else>
+                                 <span class="cms-search-option-title">
+                                    {{ item.hit.snippet.before
+                                    }}<mark class="cms-search-mark">{{
+                                       item.hit.snippet.match
+                                    }}</mark
+                                    >{{ item.hit.snippet.after }}
+                                 </span>
+                                 <span class="cms-search-option-meta">{{
+                                    labelMeta(item.hit)
+                                 }}</span>
+                              </template>
+                           </span>
+                        </div>
+                     </div>
+                  </div>
+                  <p v-if="truncated" class="cms-search-hint">
+                     Showing the first results. Type more to narrow them down.
+                  </p>
+               </div>
+
+               <div class="cms-search-footer" aria-hidden="true">
+                  <span><kbd class="cms-kbd">↑</kbd><kbd class="cms-kbd">↓</kbd> to move</span>
+                  <span><kbd class="cms-kbd">↵</kbd> to open</span>
+                  <span><kbd class="cms-kbd">Esc</kbd> to close</span>
+               </div>
+               <p class="sr-only" aria-live="polite">{{ status }}</p>
+            </div>
+         </div>
+      </Transition>
+   </Teleport>
+</template>
+
+<script setup>
+import { computed, navigateTo, nextTick, onBeforeUnmount, onMounted, ref, watch } from "#imports";
+import { isSearchableQuery, normalizeSearchQuery } from "../../../shared/search";
+import { useCmsOverlay } from "../../composables/cms-overlay";
+import { cmsApi } from "../../utils/api";
+const DEBOUNCE_MS = 180;
+const KIND_LABELS = {
+  collection: "Collection",
+  single: "Single",
+  content: "Content",
+  page: "Pages",
+  media: "Library"
+};
+const KIND_ICONS = {
+  collection: "square-3-stack-3d",
+  single: "document-text",
+  content: "newspaper",
+  page: "window",
+  media: "photo"
+};
+const TYPE_LABELS = {
+  entry: "Section",
+  page: "Page",
+  tab: "Tab",
+  field: "Field",
+  block: "Block",
+  value: "Value",
+  media: "Media"
+};
+const TYPE_ICONS = {
+  page: "window",
+  tab: "rectangle-group",
+  field: "tag",
+  block: "squares-2x2",
+  value: "bars-3-bottom-left",
+  media: "photo"
+};
+const emit = defineEmits(["open"]);
+const open = ref(false);
+const query = ref("");
+const hits = ref([]);
+const truncated = ref(false);
+const loading = ref(false);
+const failed = ref(false);
+const searched = ref("");
+const active = ref(0);
+const shortcut = ref("Ctrl K");
+const trigger = ref(null);
+const input = ref(null);
+let timer;
+let request = 0;
+let returnFocus = null;
+const groups = computed(() => {
+  const map = /* @__PURE__ */ new Map();
+  hits.value.forEach((hit, index2) => {
+    const key = hit.collection ?? hit.kind;
+    let group = map.get(key);
+    if (!group) {
+      group = { key, label: hit.entryLabel, kind: hit.kind, items: [] };
+      map.set(key, group);
+    }
+    group.items.push({ hit, index: index2 });
+  });
+  const ordered = [...map.values()];
+  let index = 0;
+  for (const group of ordered) {
+    for (const item of group.items) item.index = index++;
+  }
+  return ordered;
+});
+const flat = computed(() => groups.value.flatMap((group) => group.items.map((item) => item.hit)));
+const activeId = computed(() => flat.value.length ? optionId(active.value) : void 0);
+const hint = computed(() => {
+  if (!isSearchableQuery(query.value)) return "Type at least 2 characters to search.";
+  if (failed.value) return "Search failed. Try again.";
+  if (!loading.value && searched.value && !flat.value.length) {
+    return `No results for "${searched.value}".`;
+  }
+  return "";
+});
+const status = computed(() => {
+  if (hint.value) return hint.value;
+  if (loading.value) return "Searching";
+  return `${flat.value.length} results`;
+});
+function optionId(index) {
+  return `cms-search-option-${index}`;
+}
+function isValueHit(hit) {
+  return hit.type === "value" || hit.type === "media";
+}
+function iconOf(hit) {
+  return hit.type === "entry" ? KIND_ICONS[hit.kind] : TYPE_ICONS[hit.type] ?? "tag";
+}
+function labelMeta(hit) {
+  const parts = [TYPE_LABELS[hit.type]];
+  if (hit.title) parts.push(hit.title);
+  if (hit.fieldLabel && hit.type !== "tab") parts.push(hit.fieldLabel);
+  if (hit.type === "page" && hit.id) parts.push(hit.to);
+  return parts.join(" \xB7 ");
+}
+async function run(term) {
+  const current = ++request;
+  loading.value = true;
+  failed.value = false;
+  try {
+    const response = await cmsApi("/api/cms/search", { query: { q: term } });
+    if (current !== request) return;
+    hits.value = response.hits;
+    truncated.value = response.truncated;
+    searched.value = response.query;
+    active.value = 0;
+  } catch {
+    if (current !== request) return;
+    hits.value = [];
+    truncated.value = false;
+    failed.value = true;
+  } finally {
+    if (current === request) loading.value = false;
+  }
+}
+watch(query, (value) => {
+  clearTimeout(timer);
+  const term = normalizeSearchQuery(value);
+  if (!isSearchableQuery(term)) {
+    request++;
+    hits.value = [];
+    truncated.value = false;
+    loading.value = false;
+    failed.value = false;
+    searched.value = "";
+    return;
+  }
+  timer = setTimeout(() => run(term), DEBOUNCE_MS);
+});
+watch(active, (index) => {
+  void nextTick(
+    () => document.getElementById(optionId(index))?.scrollIntoView({ block: "nearest" })
+  );
+});
+function focusInput() {
+  void nextTick(() => {
+    input.value?.focus();
+    input.value?.select();
+  });
+}
+function show() {
+  if (open.value) {
+    focusInput();
+    return;
+  }
+  returnFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+  emit("open");
+  open.value = true;
+}
+function close() {
+  open.value = false;
+}
+const overlay = useCmsOverlay(close);
+watch(open, (value) => {
+  if (value) {
+    overlay.activate();
+    focusInput();
+  } else {
+    overlay.deactivate();
+    const target = returnFocus ?? trigger.value;
+    returnFocus = null;
+    void nextTick(() => target?.focus());
+  }
+});
+function go(hit) {
+  if (!hit) return;
+  returnFocus = null;
+  close();
+  void navigateTo(hit.to);
+}
+function onKeydown(event) {
+  const count = flat.value.length;
+  if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+    event.preventDefault();
+    if (!count) return;
+    const step = event.key === "ArrowDown" ? 1 : -1;
+    active.value = (active.value + step + count) % count;
+  } else if (event.key === "Home" && count && event.ctrlKey) {
+    event.preventDefault();
+    active.value = 0;
+  } else if (event.key === "End" && count && event.ctrlKey) {
+    event.preventDefault();
+    active.value = count - 1;
+  } else if (event.key === "Enter") {
+    event.preventDefault();
+    go(flat.value[active.value]);
+  }
+}
+function onGlobalKeydown(event) {
+  if (event.key.toLowerCase() !== "k" || event.altKey || event.shiftKey) return;
+  if (!event.metaKey && !event.ctrlKey) return;
+  event.preventDefault();
+  show();
+}
+onMounted(() => {
+  const platform = navigator.userAgentData?.platform ?? navigator.platform ?? navigator.userAgent;
+  if (/mac|iphone|ipad|ipod/i.test(platform)) shortcut.value = "\u2318K";
+  document.addEventListener("keydown", onGlobalKeydown);
+});
+onBeforeUnmount(() => {
+  clearTimeout(timer);
+  document.removeEventListener("keydown", onGlobalKeydown);
+});
+</script>

package/dist/runtime/app/components/cms/Search.vue.d.ts

@@ -0,0 +1,7 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: () => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onOpen?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/cms/VisualEditor.d.vue.ts

@@ -1,10 +1,12 @@
 import type { FieldConfig } from '#nuxt-cms';
+import type { CmsSearchFocus } from '../../../shared/search.js';
 type __VLS_Props = {
     entryName: string;
     fieldKey: string;
     fields: Record<string, FieldConfig>;
     title: string;
     content?: boolean;
+    focus?: CmsSearchFocus | null;
 };
 declare function validate(): boolean;
 type __VLS_ModelProps = {

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

@@ -75,6 +75,7 @@
 
             <div
                :id="`cms-editor-tabpanel-${activeTab}`"
+               ref="panel"
                class="cms-editor-panel-body"
                role="tabpanel"
                :aria-labelledby="tabList.length > 1 ? `cms-editor-tab-${activeTab}` : void 0"
@@ -213,6 +214,8 @@
                         :icon="fieldIcon(fields[key])"
                         :name="key"
                         :required="fields[key].required"
+                        :data-cms-field="key"
+                        :class="{ 'is-search-focus': highlighted === key }"
                      >
                         <CmsFieldInput
                            :model-value="state[key]"
@@ -267,6 +270,7 @@ import {
   toggleBlockHidden
 } from "../../../shared/preview";
 import { useCmsConfirm } from "../../composables/cms-confirm";
+import { useCmsFieldFocus } from "../../composables/cms-field-focus";
 import { useCmsRuntime } from "../../composables/cms-runtime";
 import { entryFormLayout, useCmsSettingsState } from "../../composables/cms-settings";
 import { CMS_FORM_ERRORS, fieldIcon } from "../../utils/ui";
@@ -280,7 +284,8 @@ const props = defineProps({
   fieldKey: { type: String, required: true },
   fields: { type: Object, required: true },
   title: { type: String, required: true },
-  content: { type: Boolean, required: false }
+  content: { type: Boolean, required: false },
+  focus: { type: [Object, null], required: false }
 });
 const state = defineModel("state", { type: Object, ...{ required: true } });
 const runtime = useCmsRuntime();
@@ -465,9 +470,24 @@ async function loadLibrary() {
     library.value = /* @__PURE__ */ new Map();
   }
 }
+const panel = ref(null);
+const { highlighted, reveal } = useCmsFieldFocus();
+function applyFocus(focus) {
+  if (focus.locale && i18n.locales.includes(focus.locale)) locale.value = focus.locale;
+  const key = focus.field;
+  if (!key || !Object.hasOwn(props.fields, key)) return;
+  if (key === props.fieldKey) {
+    activeTab.value = "block";
+    if (focus.block != null && focus.block < blocks.value.length) select(focus.block);
+    return;
+  }
+  activeTab.value = tabOfKey(key);
+  reveal(() => panel.value, key);
+}
 onMounted(() => {
   window.addEventListener("message", onMessage);
   void loadLibrary();
+  if (props.focus) applyFocus(props.focus);
 });
 onBeforeUnmount(() => {
   window.removeEventListener("message", onMessage);

package/dist/runtime/app/components/cms/VisualEditor.vue.d.ts

@@ -1,10 +1,12 @@
 import type { FieldConfig } from '#nuxt-cms';
+import type { CmsSearchFocus } from '../../../shared/search.js';
 type __VLS_Props = {
     entryName: string;
     fieldKey: string;
     fields: Record<string, FieldConfig>;
     title: string;
     content?: boolean;
+    focus?: CmsSearchFocus | null;
 };
 declare function validate(): boolean;
 type __VLS_ModelProps = {

package/dist/runtime/app/composables/cms-field-focus.d.ts

@@ -0,0 +1,4 @@
+export declare function useCmsFieldFocus(): {
+    highlighted: import("vue").Ref<string | null, string | null>;
+    reveal: (root: () => HTMLElement | null | undefined, key: string) => void;
+};