@xleddyl/nuxt-cms 0.1.9

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

@@ -0,0 +1,10 @@
+type __VLS_ModelProps = {
+    modelValue: string | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,123 @@
+<template>
+   <div class="cms-richtext">
+      <div class="cms-richtext-toolbar">
+         <UButton
+            v-for="action in actions"
+            :key="action.icon"
+            :icon="action.icon"
+            size="xs"
+            :variant="editor?.isActive(action.mark, action.attrs) ? 'soft' : 'ghost'"
+            color="neutral"
+            @click="action.run"
+         />
+         <span class="grow" />
+         <UButton
+            icon="i-lucide-undo-2"
+            size="xs"
+            variant="ghost"
+            color="neutral"
+            :disabled="!editor?.can().undo()"
+            @click="undo"
+         />
+         <UButton
+            icon="i-lucide-redo-2"
+            size="xs"
+            variant="ghost"
+            color="neutral"
+            :disabled="!editor?.can().redo()"
+            @click="redo"
+         />
+      </div>
+      <EditorContent :editor="editor" />
+   </div>
+</template>
+
+<script setup>
+import StarterKit from "@tiptap/starter-kit";
+import { EditorContent, useEditor } from "@tiptap/vue-3";
+import { watch } from "#imports";
+const model = defineModel({ type: [String, null], ...{ required: true } });
+const editor = useEditor({
+  content: model.value ?? "",
+  extensions: [StarterKit],
+  editorProps: {
+    attributes: { class: "cms-richtext-body" }
+  },
+  onUpdate: ({ editor: instance }) => {
+    model.value = instance.isEmpty ? null : instance.getHTML();
+  }
+});
+watch(model, (value) => {
+  if (!editor.value) return;
+  const current = editor.value.isEmpty ? null : editor.value.getHTML();
+  if ((value ?? null) !== current) {
+    editor.value.commands.setContent(value ?? "");
+  }
+});
+const actions = [
+  {
+    icon: "i-lucide-bold",
+    mark: "bold",
+    run: () => {
+      editor.value?.chain().focus().toggleBold().run();
+    }
+  },
+  {
+    icon: "i-lucide-italic",
+    mark: "italic",
+    run: () => {
+      editor.value?.chain().focus().toggleItalic().run();
+    }
+  },
+  {
+    icon: "i-lucide-strikethrough",
+    mark: "strike",
+    run: () => {
+      editor.value?.chain().focus().toggleStrike().run();
+    }
+  },
+  {
+    icon: "i-lucide-heading-2",
+    mark: "heading",
+    attrs: { level: 2 },
+    run: () => {
+      editor.value?.chain().focus().toggleHeading({ level: 2 }).run();
+    }
+  },
+  {
+    icon: "i-lucide-heading-3",
+    mark: "heading",
+    attrs: { level: 3 },
+    run: () => {
+      editor.value?.chain().focus().toggleHeading({ level: 3 }).run();
+    }
+  },
+  {
+    icon: "i-lucide-list",
+    mark: "bulletList",
+    run: () => {
+      editor.value?.chain().focus().toggleBulletList().run();
+    }
+  },
+  {
+    icon: "i-lucide-list-ordered",
+    mark: "orderedList",
+    run: () => {
+      editor.value?.chain().focus().toggleOrderedList().run();
+    }
+  },
+  {
+    icon: "i-lucide-text-quote",
+    mark: "blockquote",
+    run: () => {
+      editor.value?.chain().focus().toggleBlockquote().run();
+    }
+  }
+];
+function undo() {
+  editor.value?.chain().focus().undo().run();
+}
+function redo() {
+  editor.value?.chain().focus().redo().run();
+}
+</script>

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

@@ -0,0 +1,10 @@
+type __VLS_ModelProps = {
+    modelValue: string | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    source?: string | null;
+};
+type __VLS_ModelProps = {
+    modelValue: string | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,44 @@
+<template>
+   <UInput
+      :model-value="model ?? ''"
+      size="lg"
+      class="w-full font-mono"
+      @update:model-value="
+  (v) => {
+    model = v || null;
+    touched = true;
+  }
+"
+   >
+      <template v-if="source !== void 0" #trailing>
+         <UButton
+            icon="i-lucide-refresh-cw"
+            size="xs"
+            variant="ghost"
+            color="neutral"
+            @click="regenerate"
+         />
+      </template>
+   </UInput>
+</template>
+
+<script setup>
+import { ref, watch } from "#imports";
+import { slugify } from "#nuxt-cms";
+const props = defineProps({
+  source: { type: [String, null], required: false }
+});
+const model = defineModel({ type: [String, null], ...{ required: true } });
+const touched = ref(!!model.value);
+watch(
+  () => props.source,
+  (value) => {
+    if (touched.value) return;
+    model.value = value ? slugify(value) : null;
+  }
+);
+function regenerate() {
+  model.value = props.source ? slugify(props.source) : null;
+  touched.value = false;
+}
+</script>

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

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    source?: string | null;
+};
+type __VLS_ModelProps = {
+    modelValue: string | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,15 @@
+import type { FieldConfig } from '#nuxt-cms';
+type __VLS_Props = {
+    field: FieldConfig;
+};
+type __VLS_ModelProps = {
+    modelValue: Record<string, string> | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, string> | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, string> | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,64 @@
+<template>
+   <div class="flex flex-col gap-2">
+      <div v-if="i18n.locales.length > 1" class="flex items-center gap-1">
+         <UButton
+            v-for="locale in i18n.locales"
+            :key="locale"
+            size="xs"
+            :variant="active === locale ? 'soft' : 'ghost'"
+            color="neutral"
+            class="font-mono uppercase"
+            @click="
+  () => {
+    active = locale;
+  }
+"
+         >
+            {{ locale }}
+            <span
+               class="size-1.5 rounded-full"
+               :class="hasContent(locale) ? 'bg-(--cms-fern)' : 'bg-(--cms-line)'"
+            />
+         </UButton>
+         <span
+            v-if="props.field.required && active === i18n.defaultLocale"
+            class="text-(--ui-text-muted) ml-auto font-mono text-xs"
+         >
+            {{ i18n.defaultLocale }} *
+         </span>
+      </div>
+      <CmsRichTextField v-if="props.field.type === 'richtext'" v-model="current" />
+      <UTextarea
+         v-else-if="props.field.textarea"
+         v-model="current"
+         :rows="4"
+         size="lg"
+         class="w-full"
+      />
+      <UInput v-else v-model="current" size="lg" class="w-full" />
+   </div>
+</template>
+
+<script setup>
+import { computed, ref } from "#imports";
+import { useCmsRuntime } from "../../composables/cms-runtime";
+const props = defineProps({
+  field: { type: Object, required: true }
+});
+const model = defineModel({ type: [Object, null], ...{ required: true } });
+const { i18n } = useCmsRuntime();
+const active = ref(i18n.defaultLocale);
+const current = computed({
+  get: () => model.value?.[active.value] ?? "",
+  set: (value) => {
+    const next = Object.fromEntries(
+      Object.entries(model.value ?? {}).filter(([locale]) => locale !== active.value)
+    );
+    if (value != null && value !== "") next[active.value] = value;
+    model.value = Object.keys(next).length ? next : null;
+  }
+});
+function hasContent(locale) {
+  return !!model.value?.[locale]?.trim();
+}
+</script>

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

@@ -0,0 +1,15 @@
+import type { FieldConfig } from '#nuxt-cms';
+type __VLS_Props = {
+    field: FieldConfig;
+};
+type __VLS_ModelProps = {
+    modelValue: Record<string, string> | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, string> | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, string> | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/composables/cms-query.d.ts

@@ -0,0 +1,4 @@
+import type { CmsResult, CmsVariables } from '#cms-graphql';
+import type { AsyncData } from 'nuxt/app';
+export declare function $cmsQuery<const Q extends string>(query: Q, variables?: CmsVariables<Q>): Promise<CmsResult<Q>>;
+export declare function useCms<const Q extends string>(query: Q, variables?: CmsVariables<Q>): AsyncData<CmsResult<Q> | undefined, Error | undefined>;

package/dist/runtime/app/composables/cms-query.js

@@ -0,0 +1,18 @@
+import { useAsyncData } from "#imports";
+const ENDPOINT = "/api/cms/graphql";
+export async function $cmsQuery(query, variables) {
+  const res = await $fetch(ENDPOINT, {
+    method: "POST",
+    body: { query, variables }
+  });
+  if (res.errors?.length) {
+    throw new Error(res.errors.map((e) => e.message).join("; "));
+  }
+  return res.data;
+}
+export function useCms(query, variables) {
+  return useAsyncData(
+    `cms-gql:${query}:${JSON.stringify(variables ?? {})}`,
+    () => $cmsQuery(query, variables)
+  );
+}

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

@@ -0,0 +1,5 @@
+import type { CmsI18n } from '../../shared/index.js';
+export declare function useCmsRuntime(): {
+    mediaBaseUrl: string;
+    i18n: CmsI18n;
+};

package/dist/runtime/app/composables/cms-runtime.js

@@ -0,0 +1,4 @@
+import { useRuntimeConfig } from "#imports";
+export function useCmsRuntime() {
+  return useRuntimeConfig().public.cms;
+}

package/dist/runtime/app/i18n/en.json

@@ -0,0 +1,93 @@
+{
+   "cms": {
+      "sidebar": {
+         "tagline": "content studio",
+         "collections": "Collections",
+         "singles": "Singles",
+         "library": "Library",
+         "media": "Media",
+         "signOut": "Sign out"
+      },
+      "login": {
+         "title": "Welcome back",
+         "subtitle": "Sign in to manage your content.",
+         "email": "Email",
+         "password": "Password",
+         "submit": "Sign in",
+         "invalid": "Invalid email or password.",
+         "failed": "Login failed. Please try again."
+      },
+      "collection": {
+         "kicker": "collection · {count} entry | collection · {count} entries",
+         "kickerSingle": "single document",
+         "new": "New entry",
+         "edit": "Edit entry",
+         "back": "Back",
+         "emptyTitle": "Nothing here yet",
+         "emptyBody": "Entries you create will show up here.",
+         "deleteConfirm": "Delete this row?",
+         "status": "Status",
+         "columns": "Columns"
+      },
+      "entry": {
+         "unsavedChanges": "You have unsaved changes. Leave anyway?"
+      },
+      "status": {
+         "published": "Published",
+         "draft": "Draft",
+         "publish": "Publish",
+         "unpublish": "Make draft"
+      },
+      "media": {
+         "kicker": "media library",
+         "title": "Media",
+         "emptyTitle": "No media yet",
+         "emptyBody": "Files you upload will show up here.",
+         "notConfiguredTitle": "Media storage not configured",
+         "notConfiguredBody": "Set cms.media in nuxt.config to enable uploads.",
+         "dropHint": "Drop files here or click to browse",
+         "dropHintSingle": "Drop a file here or click to browse",
+         "uploading": "Uploading {done} of {total}…",
+         "uploadFailed": "{count} upload failed | {count} uploads failed",
+         "tooLarge": "File too large (max 10 MB): {name}",
+         "filter": {
+            "all": "All",
+            "image": "Images",
+            "video": "Videos",
+            "file": "Files"
+         },
+         "loadError": "Could not load media",
+         "retry": "Retry",
+         "copy": "Copy URL",
+         "copied": "Copied",
+         "copyError": "Copy failed",
+         "delete": "Delete",
+         "deleteConfirm": "Delete this file? Entries referencing it will keep a broken link.",
+         "deleteFailed": "Delete failed",
+         "edit": "Edit details",
+         "alt": "Alt text",
+         "folder": "Folder"
+      },
+      "toast": {
+         "saved": "Saved",
+         "saveFailed": "Save failed",
+         "loadFailed": "Loading failed"
+      },
+      "form": {
+         "save": "Save",
+         "mediaChoose": "Choose from the gallery",
+         "mediaChange": "Change",
+         "mediaRemove": "Remove",
+         "invalidJson": "Invalid JSON",
+         "addBlock": "Add block"
+      },
+      "validation": {
+         "required": "Required field",
+         "invalidDate": "Invalid date (yyyy-mm-dd)",
+         "invalidEmail": "Invalid email",
+         "invalidSlug": "Invalid slug (lowercase letters, numbers, dashes)",
+         "unknownLocale": "Unknown locale key",
+         "requiredLocale": "Required field (locale \"{locale}\")"
+      }
+   }
+}

package/dist/runtime/app/i18n/it.json

@@ -0,0 +1,93 @@
+{
+   "cms": {
+      "sidebar": {
+         "tagline": "content studio",
+         "collections": "Collezioni",
+         "singles": "Singoli",
+         "library": "Libreria",
+         "media": "Media",
+         "signOut": "Esci"
+      },
+      "login": {
+         "title": "Bentornato",
+         "subtitle": "Accedi per gestire i tuoi contenuti.",
+         "email": "Email",
+         "password": "Password",
+         "submit": "Accedi",
+         "invalid": "Email o password non validi.",
+         "failed": "Accesso non riuscito. Riprova."
+      },
+      "collection": {
+         "kicker": "collezione · {count} voce | collezione · {count} voci",
+         "kickerSingle": "documento singolo",
+         "new": "Nuova voce",
+         "edit": "Modifica voce",
+         "back": "Indietro",
+         "emptyTitle": "Ancora niente qui",
+         "emptyBody": "Le voci che crei appariranno qui.",
+         "deleteConfirm": "Eliminare questa voce?",
+         "status": "Stato",
+         "columns": "Colonne"
+      },
+      "entry": {
+         "unsavedChanges": "Ci sono modifiche non salvate. Uscire comunque?"
+      },
+      "status": {
+         "published": "Pubblicato",
+         "draft": "Bozza",
+         "publish": "Pubblica",
+         "unpublish": "Riporta in bozza"
+      },
+      "media": {
+         "kicker": "libreria media",
+         "title": "Media",
+         "emptyTitle": "Ancora nessun media",
+         "emptyBody": "I file che carichi appariranno qui.",
+         "notConfiguredTitle": "Storage media non configurato",
+         "notConfiguredBody": "Imposta cms.media in nuxt.config per abilitare i caricamenti.",
+         "dropHint": "Trascina i file qui o clicca per sfogliare",
+         "dropHintSingle": "Trascina un file qui o clicca per sfogliare",
+         "uploading": "Caricamento {done} di {total}…",
+         "uploadFailed": "{count} caricamento non riuscito | {count} caricamenti non riusciti",
+         "tooLarge": "File troppo grande (max 10 MB): {name}",
+         "filter": {
+            "all": "Tutti",
+            "image": "Immagini",
+            "video": "Video",
+            "file": "File"
+         },
+         "loadError": "Impossibile caricare i media",
+         "retry": "Riprova",
+         "copy": "Copia URL",
+         "copied": "Copiato",
+         "copyError": "Copia non riuscita",
+         "delete": "Elimina",
+         "deleteConfirm": "Eliminare questo file? Le voci che lo usano manterranno un riferimento rotto.",
+         "deleteFailed": "Eliminazione non riuscita",
+         "edit": "Modifica dettagli",
+         "alt": "Testo alternativo",
+         "folder": "Cartella"
+      },
+      "toast": {
+         "saved": "Salvato",
+         "saveFailed": "Salvataggio non riuscito",
+         "loadFailed": "Caricamento non riuscito"
+      },
+      "form": {
+         "save": "Salva",
+         "mediaChoose": "Scegli dalla galleria",
+         "mediaChange": "Cambia",
+         "mediaRemove": "Rimuovi",
+         "invalidJson": "JSON non valido",
+         "addBlock": "Aggiungi blocco"
+      },
+      "validation": {
+         "required": "Campo obbligatorio",
+         "invalidDate": "Data non valida (aaaa-mm-gg)",
+         "invalidEmail": "Email non valida",
+         "invalidSlug": "Slug non valido (lettere minuscole, numeri, trattini)",
+         "unknownLocale": "Chiave di lingua sconosciuta",
+         "requiredLocale": "Campo obbligatorio (lingua \"{locale}\")"
+      }
+   }
+}

package/dist/runtime/app/layouts/cms-admin.d.vue.ts

@@ -0,0 +1,13 @@
+declare var __VLS_19: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/app/layouts/cms-admin.vue

@@ -0,0 +1,97 @@
+<template>
+   <div class="cms-scope cms-canvas cms-grain min-h-screen">
+      <div class="flex min-h-screen">
+         <aside
+            class="border-(--cms-line) sticky top-0 flex h-screen w-64 shrink-0 flex-col gap-7 border-r px-4 py-7"
+         >
+            <div class="px-3">
+               <div class="cms-display text-(--ui-text-highlighted) text-[22px] font-semibold">
+                  nuxt<span class="text-(--cms-fern)">·</span>cms
+               </div>
+               <div class="cms-kicker mt-1.5">
+                  {{ t("cms.sidebar.tagline") }}
+               </div>
+            </div>
+
+            <nav class="flex flex-1 flex-col gap-6 overflow-y-auto">
+               <div v-for="group in groups" :key="group.title" class="flex flex-col gap-1">
+                  <div class="cms-kicker mb-2 px-3">
+                     {{ group.title }}
+                  </div>
+                  <NuxtLink
+                     v-for="link in group.links"
+                     :key="link.name"
+                     :to="link.to"
+                     class="cms-navlink"
+                     :class="{ 'is-active': route.path === link.to }"
+                  >
+                     <UIcon
+                        :name="group.icon"
+                        class="cms-navlink-icon text-(--ui-text-dimmed) size-4 shrink-0"
+                     />
+                     <span class="truncate">{{ link.label }}</span>
+                  </NuxtLink>
+               </div>
+            </nav>
+
+            <div class="border-(--cms-line) flex flex-col gap-3 border-t px-3 pt-5">
+               <div class="text-(--ui-text-muted) truncate text-[11px] font-medium">
+                  {{ user?.email }}
+               </div>
+               <UButton
+                  :label="t('cms.sidebar.signOut')"
+                  icon="i-lucide-log-out"
+                  variant="ghost"
+                  color="neutral"
+                  size="xs"
+                  class="-ml-2 justify-start rounded-full"
+                  @click="logout"
+               />
+            </div>
+         </aside>
+
+         <main class="min-w-0 flex-1 px-10 py-10">
+            <div class="mx-auto w-full max-w-5xl">
+               <slot />
+            </div>
+         </main>
+      </div>
+   </div>
+</template>
+
+<script setup>
+import { computed, navigateTo, useI18n, useRoute, useUserSession } from "#imports";
+import cmsConfig from "#cms-config";
+const route = useRoute();
+const { user, clear } = useUserSession();
+const { t } = useI18n();
+const links = Object.entries(cmsConfig).map(([name, entry]) => ({
+  name,
+  label: entry.label,
+  kind: entry.kind,
+  to: `/cms/${name}`
+}));
+const groups = computed(
+  () => [
+    {
+      title: t("cms.sidebar.collections"),
+      icon: "i-lucide-layers",
+      links: links.filter((l) => l.kind === "collection")
+    },
+    {
+      title: t("cms.sidebar.singles"),
+      icon: "i-lucide-file-text",
+      links: links.filter((l) => l.kind === "single")
+    },
+    {
+      title: t("cms.sidebar.library"),
+      icon: "i-lucide-image",
+      links: [{ name: "media", label: t("cms.sidebar.media"), kind: "media", to: "/cms/media" }]
+    }
+  ].filter((g) => g.links.length)
+);
+async function logout() {
+  await clear();
+  await navigateTo("/cms/login");
+}
+</script>

package/dist/runtime/app/layouts/cms-admin.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_19: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};