@xleddyl/nuxt-cms 0.1.9

package/dist/runtime/app/middleware/cms-auth.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("#app").RouteMiddleware;
+export default _default;

package/dist/runtime/app/middleware/cms-auth.js

@@ -0,0 +1,7 @@
+import { defineNuxtRouteMiddleware, navigateTo, useUserSession } from "#imports";
+export default defineNuxtRouteMiddleware(() => {
+  const { loggedIn } = useUserSession();
+  if (!loggedIn.value) {
+    return navigateTo("/cms/login");
+  }
+});

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

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

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

@@ -0,0 +1,273 @@
+<template>
+   <div class="cms-rise flex flex-col gap-7">
+      <CmsPageHeader :kicker="kicker" :title="config.label">
+         <UButton
+            v-if="config.kind === 'single'"
+            type="submit"
+            :form="FORM_ID"
+            :label="t('cms.form.save')"
+            :loading="saving"
+            class="rounded-full px-6"
+         />
+         <div v-if="config.kind === 'collection'" class="flex items-center gap-2">
+            <UDropdownMenu
+               v-if="rows.length"
+               :items="columnItems"
+               :content="{ align: 'end' }"
+               :ui="{ content: 'w-48' }"
+            >
+               <UButton
+                  :label="t('cms.collection.columns')"
+                  icon="i-lucide-columns-3"
+                  variant="subtle"
+                  class="rounded-full px-4"
+               />
+            </UDropdownMenu>
+            <UButton
+               :label="t('cms.collection.new')"
+               icon="i-lucide-plus"
+               class="rounded-full px-4"
+               @click="openCreate"
+            />
+         </div>
+      </CmsPageHeader>
+
+      <div v-if="config.kind === 'single'" class="cms-card p-7">
+         <CmsEntryForm
+            v-model="formState"
+            :fields="config.fields"
+            :form-id="FORM_ID"
+            :loading="saving"
+            @submit="saveSingle"
+         />
+      </div>
+
+      <template v-else>
+         <div v-if="rows.length" class="cms-card overflow-hidden">
+            <UTable
+               v-model:column-visibility="columnVisibility"
+               :data="rows"
+               :columns="columns"
+               :ui="tableUi"
+               @select="onSelect"
+            >
+               <template v-if="drafts" #status-cell="{ row }">
+                  <button
+                     type="button"
+                     class="cms-badge"
+                     :class="row.original.status === 'published' ? 'is-published' : 'is-draft'"
+                     :title="
+  row.original.status === 'published' ? t('cms.status.unpublish') : t('cms.status.publish')
+"
+                     @click.stop="toggleStatus(row.original)"
+                  >
+                     {{
+                        row.original.status === "published" ? t("cms.status.published") : t("cms.status.draft")
+                     }}
+                  </button>
+               </template>
+               <template #actions-cell="{ row }">
+                  <div class="flex justify-end">
+                     <UButton
+                        icon="i-lucide-trash-2"
+                        variant="ghost"
+                        color="error"
+                        size="xs"
+                        class="rounded-full"
+                        @click.stop="deleteRow(row.original)"
+                     />
+                  </div>
+               </template>
+            </UTable>
+         </div>
+
+         <CmsEmptyState
+            v-else
+            icon="i-lucide-sprout"
+            :title="t('cms.collection.emptyTitle')"
+            :body="t('cms.collection.emptyBody')"
+         >
+            <UButton
+               :label="t('cms.collection.new')"
+               icon="i-lucide-plus"
+               variant="subtle"
+               class="mt-3 rounded-full px-4"
+               @click="openCreate"
+            />
+         </CmsEmptyState>
+      </template>
+   </div>
+</template>
+
+<script setup>
+import { isTranslatableField } from "#nuxt-cms";
+import {
+  computed,
+  createError,
+  definePageMeta,
+  navigateTo,
+  onMounted,
+  ref,
+  useFetch,
+  useI18n,
+  useRoute,
+  useToast,
+  watch
+} from "#imports";
+import cmsConfig from "#cms-config";
+import { useCmsRuntime } from "../composables/cms-runtime";
+import { cmsApi } from "../utils/api";
+import { errorMessage } from "../utils/ui";
+definePageMeta({
+  layout: "cms-admin",
+  middleware: "cms-auth",
+  validate: (route2) => Object.hasOwn(cmsConfig, route2.params.collection),
+  key: (route2) => route2.fullPath
+});
+const FORM_ID = "cms-single-form";
+const route = useRoute();
+const toast = useToast();
+const { t } = useI18n();
+const name = route.params.collection;
+const config = cmsConfig[name];
+if (!config) {
+  throw createError({ statusCode: 404, statusMessage: "Unknown collection", fatal: true });
+}
+const fieldKeys = Object.keys(config.fields);
+const drafts = config.kind === "collection" && !!config.drafts;
+const formKeys = drafts ? [...fieldKeys, "status"] : fieldKeys;
+const endpoint = `/api/cms/admin/${name}`;
+const { data, refresh } = await useFetch(endpoint);
+const rows = computed(() => Array.isArray(data.value) ? data.value : []);
+const tableUi = {
+  thead: "border-b border-(--cms-line)",
+  th: "cms-kicker px-5 py-3 font-normal",
+  td: "px-5 py-3.5 text-sm text-(--ui-text)",
+  tr: "__clickable hover:bg-(--cms-paper)/50"
+};
+const saving = ref(false);
+const formState = ref({});
+function emptyState() {
+  return Object.fromEntries(formKeys.map((k) => [k, null]));
+}
+function pickFields(row) {
+  return Object.fromEntries(formKeys.map((k) => [k, row[k] ?? null]));
+}
+async function submit(action) {
+  saving.value = true;
+  try {
+    await action();
+    await refresh();
+    return true;
+  } catch (error) {
+    toast.add({
+      title: t("cms.toast.saveFailed"),
+      description: errorMessage(error),
+      color: "error"
+    });
+    return false;
+  } finally {
+    saving.value = false;
+  }
+}
+if (config.kind === "single") {
+  formState.value = data.value && !Array.isArray(data.value) ? pickFields(data.value) : emptyState();
+}
+async function saveSingle() {
+  const ok = await submit(() => cmsApi(endpoint, { method: "PUT", body: formState.value }));
+  if (ok) toast.add({ title: t("cms.toast.saved"), color: "success" });
+}
+const { i18n: contentI18n } = useCmsRuntime();
+function stripHtml(html) {
+  return html.replace(/<[^>]*>/g, " ").replace(/\s+/g, " ").trim();
+}
+function truncate(value) {
+  return value.length > 60 ? `${value.slice(0, 57)}\u2026` : value;
+}
+function displayValue(field, value) {
+  if (value == null || value === "") return "";
+  if (isTranslatableField(field)) {
+    const record = value;
+    const raw = record[contentI18n.defaultLocale] ?? Object.values(record)[0] ?? "";
+    return truncate(field.type === "richtext" ? stripHtml(raw) : raw);
+  }
+  switch (field.type) {
+    case "boolean":
+      return value ? "\u2713" : "\u2014";
+    case "richtext":
+      return truncate(stripHtml(String(value)));
+    case "json":
+      return truncate(JSON.stringify(value));
+    case "blocks":
+      return `${value.length} \u25A4`;
+    default:
+      return truncate(String(value));
+  }
+}
+const columns = computed(() => [
+  ...fieldKeys.map((key) => ({
+    id: key,
+    accessorFn: (row) => displayValue(config.fields[key], row[key]),
+    header: config.fields[key].label
+  })),
+  ...drafts ? [{ accessorKey: "status", header: t("cms.collection.status") }] : [],
+  { id: "actions", header: "" }
+]);
+const DEFAULT_VISIBLE_COLUMNS = 4;
+const columnStorageKey = `cms:columns:${name}`;
+const columnVisibility = ref(
+  Object.fromEntries(fieldKeys.map((key, index) => [key, index < DEFAULT_VISIBLE_COLUMNS]))
+);
+onMounted(() => {
+  const stored = localStorage.getItem(columnStorageKey);
+  if (stored) {
+    try {
+      const parsed = JSON.parse(stored);
+      columnVisibility.value = Object.fromEntries(
+        fieldKeys.map((key) => [key, parsed[key] ?? columnVisibility.value[key] ?? false])
+      );
+    } catch {
+    }
+  }
+  watch(
+    columnVisibility,
+    (value) => localStorage.setItem(columnStorageKey, JSON.stringify(value)),
+    { deep: true }
+  );
+});
+const columnItems = computed(
+  () => fieldKeys.map((key) => ({
+    label: config.fields[key].label,
+    type: "checkbox",
+    checked: columnVisibility.value[key],
+    onUpdateChecked(checked) {
+      columnVisibility.value = { ...columnVisibility.value, [key]: checked };
+    },
+    onSelect(event) {
+      event.preventDefault();
+    }
+  }))
+);
+const kicker = computed(
+  () => config.kind === "single" ? t("cms.collection.kickerSingle") : t("cms.collection.kicker", rows.value.length)
+);
+function onSelect(_event, row) {
+  navigateTo(`/cms/${name}/${row.original.id}`);
+}
+async function toggleStatus(row) {
+  const next = row.status === "published" ? "draft" : "published";
+  await submit(
+    () => cmsApi(`${endpoint}/${row.id}`, {
+      method: "PUT",
+      body: { ...pickFields(row), status: next }
+    })
+  );
+}
+function openCreate() {
+  navigateTo(`/cms/${name}/new`);
+}
+async function deleteRow(row) {
+  if (!confirm(t("cms.collection.deleteConfirm"))) return;
+  await submit(() => cmsApi(`${endpoint}/${row.id}`, { method: "DELETE" }));
+}
+</script>

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

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

package/dist/runtime/app/pages/admin-entry.d.vue.ts

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

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

@@ -0,0 +1,156 @@
+<template>
+   <div class="cms-rise flex flex-col gap-7">
+      <CmsPageHeader
+         :kicker="config.label"
+         :title="isNew ? t('cms.collection.new') : t('cms.collection.edit')"
+      >
+         <template v-if="drafts" #badge>
+            <span
+               class="cms-badge pointer-events-none"
+               :class="published ? 'is-published' : 'is-draft'"
+            >
+               {{ published ? t("cms.status.published") : t("cms.status.draft") }}
+            </span>
+         </template>
+         <div class="flex items-center gap-3">
+            <UButton
+               :label="t('cms.collection.back')"
+               icon="i-lucide-arrow-left"
+               variant="subtle"
+               class="rounded-full px-4"
+               @click="goBack"
+            />
+            <UButton
+               type="submit"
+               :form="FORM_ID"
+               :label="t('cms.form.save')"
+               :loading="saving"
+               class="rounded-full px-6"
+            />
+            <UButton
+               v-if="drafts"
+               type="submit"
+               :form="FORM_ID"
+               :label="published ? t('cms.status.unpublish') : t('cms.status.publish')"
+               :loading="saving"
+               class="rounded-full px-6"
+               @click="togglePublished"
+            />
+         </div>
+      </CmsPageHeader>
+
+      <div class="cms-card p-7">
+         <CmsEntryForm
+            v-model="formState"
+            :fields="config.fields"
+            :drafts="drafts"
+            :form-id="FORM_ID"
+            :loading="saving"
+            @submit="save"
+            @error="revertStatus"
+         />
+      </div>
+   </div>
+</template>
+
+<script setup>
+import {
+  computed,
+  createError,
+  definePageMeta,
+  navigateTo,
+  onBeforeRouteLeave,
+  onBeforeUnmount,
+  ref,
+  useFetch,
+  useI18n,
+  useRoute,
+  useToast,
+  watch
+} from "#imports";
+import cmsConfig from "#cms-config";
+import { cmsApi } from "../utils/api";
+import { errorMessage } from "../utils/ui";
+const FORM_ID = "cms-entry-form";
+definePageMeta({
+  layout: "cms-admin",
+  middleware: "cms-auth",
+  validate: (route2) => Object.hasOwn(cmsConfig, route2.params.collection),
+  key: (route2) => route2.fullPath
+});
+const route = useRoute();
+const toast = useToast();
+const { t } = useI18n();
+const name = route.params.collection;
+const config = cmsConfig[name];
+if (!config || config.kind !== "collection") {
+  throw createError({ statusCode: 404, statusMessage: "Unknown collection", fatal: true });
+}
+const id = route.params.id;
+const isNew = id === void 0;
+const drafts = !!config.drafts;
+const fieldKeys = Object.keys(config.fields);
+const formKeys = drafts ? [...fieldKeys, "status"] : fieldKeys;
+const endpoint = `/api/cms/admin/${name}`;
+function emptyState() {
+  return Object.fromEntries(formKeys.map((k) => [k, null]));
+}
+function pickFields(row) {
+  return Object.fromEntries(formKeys.map((k) => [k, row[k] ?? null]));
+}
+const formState = ref(emptyState());
+if (!isNew) {
+  const { data } = await useFetch(`${endpoint}/${id}`);
+  if (!data.value) {
+    throw createError({ statusCode: 404, statusMessage: "Entry not found", fatal: true });
+  }
+  formState.value = pickFields(data.value);
+}
+const saving = ref(false);
+const snapshot = ref(JSON.stringify(formState.value));
+const dirty = computed(() => JSON.stringify(formState.value) !== snapshot.value);
+function onBeforeUnload(event) {
+  event.preventDefault();
+}
+watch(dirty, (value) => {
+  if (value) window.addEventListener("beforeunload", onBeforeUnload);
+  else window.removeEventListener("beforeunload", onBeforeUnload);
+});
+onBeforeUnmount(() => window.removeEventListener("beforeunload", onBeforeUnload));
+onBeforeRouteLeave(() => {
+  if (dirty.value && !confirm(t("cms.entry.unsavedChanges"))) return false;
+});
+const published = computed({
+  get: () => formState.value.status === "published",
+  set: (value) => {
+    formState.value.status = value ? "published" : "draft";
+  }
+});
+function togglePublished() {
+  published.value = !published.value;
+}
+function revertStatus() {
+  if (!drafts) return;
+  formState.value.status = JSON.parse(snapshot.value).status ?? null;
+}
+function goBack() {
+  navigateTo(`/cms/${name}`);
+}
+async function save() {
+  saving.value = true;
+  try {
+    await (isNew ? cmsApi(endpoint, { method: "POST", body: formState.value }) : cmsApi(`${endpoint}/${id}`, { method: "PUT", body: formState.value }));
+    snapshot.value = JSON.stringify(formState.value);
+    toast.add({ title: t("cms.toast.saved"), color: "success" });
+    goBack();
+  } catch (error) {
+    toast.add({
+      title: t("cms.toast.saveFailed"),
+      description: errorMessage(error),
+      color: "error"
+    });
+  } finally {
+    saving.value = false;
+  }
+}
+</script>

package/dist/runtime/app/pages/admin-entry.vue.d.ts

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

package/dist/runtime/app/pages/admin-index.d.vue.ts

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

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

@@ -0,0 +1,11 @@
+<template>
+   <div />
+</template>
+
+<script setup>
+import { definePageMeta, navigateTo } from "#imports";
+import cmsConfig from "#cms-config";
+definePageMeta({ layout: "cms-admin", middleware: "cms-auth" });
+const first = Object.keys(cmsConfig)[0];
+await navigateTo(first ? `/cms/${first}` : "/cms/media", { replace: true });
+</script>

package/dist/runtime/app/pages/admin-index.vue.d.ts

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

package/dist/runtime/app/pages/admin-login.d.vue.ts

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

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

@@ -0,0 +1,87 @@
+<template>
+   <div class="cms-scope cms-canvas cms-grain flex min-h-screen items-center justify-center p-6">
+      <div class="flex w-full max-w-sm flex-col gap-8">
+         <header class="cms-rise flex flex-col items-center gap-3 text-center">
+            <h1 class="cms-display text-(--ui-text-highlighted) text-4xl font-medium">
+               {{ t("cms.login.title") }}<span class="text-(--cms-fern)">.</span>
+            </h1>
+            <p class="text-(--ui-text-muted) text-sm">
+               {{ t("cms.login.subtitle") }}
+            </p>
+         </header>
+
+         <div class="cms-card cms-rise p-6 sm:p-7" style="animation-delay: 90ms">
+            <UForm :state="state" class="flex flex-col gap-5" @submit="login">
+               <UAlert
+                  v-if="error"
+                  color="error"
+                  variant="subtle"
+                  :title="error"
+                  class="rounded-xl"
+               />
+               <UFormField :label="t('cms.login.email')" name="email" required :ui="CMS_FIELD_UI">
+                  <UInput
+                     v-model="state.email"
+                     type="email"
+                     size="lg"
+                     autocomplete="username"
+                     placeholder="you@example.com"
+                     class="w-full"
+                  />
+               </UFormField>
+               <UFormField
+                  :label="t('cms.login.password')"
+                  name="password"
+                  required
+                  :ui="CMS_FIELD_UI"
+               >
+                  <UInput
+                     v-model="state.password"
+                     type="password"
+                     size="lg"
+                     autocomplete="current-password"
+                     placeholder="••••••••"
+                     class="w-full"
+                  />
+               </UFormField>
+               <UButton
+                  type="submit"
+                  :label="t('cms.login.submit')"
+                  size="lg"
+                  block
+                  :loading="loading"
+                  class="mt-1 rounded-full"
+               />
+            </UForm>
+         </div>
+      </div>
+   </div>
+</template>
+
+<script setup>
+import { definePageMeta, navigateTo, ref, useI18n, useUserSession } from "#imports";
+import { CMS_FIELD_UI, errorMessage } from "../utils/ui";
+definePageMeta({ layout: false });
+const { loggedIn, fetch: refreshSession } = useUserSession();
+if (loggedIn.value) {
+  await navigateTo("/cms", { replace: true });
+}
+const { t } = useI18n();
+const state = ref({ email: "", password: "" });
+const error = ref(null);
+const loading = ref(false);
+async function login() {
+  loading.value = true;
+  error.value = null;
+  try {
+    await $fetch("/api/cms/auth/login", { method: "POST", body: state.value });
+    await refreshSession();
+    await navigateTo("/cms", { replace: true });
+  } catch (e) {
+    const status = e.statusCode;
+    error.value = status === 401 ? t("cms.login.invalid") : errorMessage(e) ?? t("cms.login.failed");
+  } finally {
+    loading.value = false;
+  }
+}
+</script>

package/dist/runtime/app/pages/admin-login.vue.d.ts

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

package/dist/runtime/app/pages/admin-media.d.vue.ts

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

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

@@ -0,0 +1,13 @@
+<template>
+   <div class="cms-rise flex flex-col gap-7">
+      <CmsPageHeader :kicker="t('cms.media.kicker')" :title="t('cms.media.title')" />
+
+      <CmsMediaGallery />
+   </div>
+</template>
+
+<script setup>
+import { definePageMeta, useI18n } from "#imports";
+definePageMeta({ layout: "cms-admin", middleware: "cms-auth" });
+const { t } = useI18n();
+</script>

package/dist/runtime/app/pages/admin-media.vue.d.ts

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

package/dist/runtime/app/utils/api.d.ts

@@ -0,0 +1,7 @@
+interface CmsApiOptions {
+    method?: 'GET' | 'POST' | 'PUT' | 'DELETE';
+    body?: unknown;
+    query?: Record<string, unknown>;
+}
+export declare function cmsApi<T = unknown>(url: string, options?: CmsApiOptions): Promise<T>;
+export {};

package/dist/runtime/app/utils/api.js

@@ -0,0 +1,3 @@
+export function cmsApi(url, options) {
+  return $fetch(url, options);
+}

package/dist/runtime/app/utils/ui.d.ts

@@ -0,0 +1,8 @@
+export declare const CMS_FIELD_UI: {
+    label: string;
+};
+export declare const CMS_MODAL_UI: {
+    content: string;
+    title: string;
+};
+export declare function errorMessage(error: unknown): string | undefined;

package/dist/runtime/app/utils/ui.js

@@ -0,0 +1,9 @@
+export const CMS_FIELD_UI = { label: "text-[13px] font-medium text-(--ui-text-toned)" };
+export const CMS_MODAL_UI = {
+  content: "rounded-2xl shadow-xl sm:max-w-3xl",
+  title: "cms-display text-xl font-medium text-(--ui-text-highlighted)"
+};
+export function errorMessage(error) {
+  const err = error;
+  return err.data?.message ?? err.message;
+}

package/dist/runtime/assets/main.css

@@ -0,0 +1 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Hanken+Grotesk:ital,wght@0,300..800;1,300..800&family=Fragment+Mono:ital@0;1&display=swap");@import "tailwindcss";@import "@nuxt/ui";@source "../app";.cms-scope,body:has(.cms-scope){--cms-paper:#f6f4ef;--cms-surface:#fdfcfa;--cms-field:#f1ede4;--cms-ink:#262119;--cms-line:#e8e3d8;--cms-line-strong:#d8d1c1;--cms-fern:#3e6b4f;--cms-sage:#e3ebe1;--cms-sage-ink:#2e5138;--cms-shadow-soft:0 1px 2px rgba(38,33,25,.05),0 16px 40px -24px rgba(38,33,25,.22);color-scheme:light;--ui-text-dimmed:#a69d8b;--ui-text-muted:#877e6c;--ui-text-toned:#60594a;--ui-text:#403a2f;--ui-text-highlighted:var(--cms-ink);--ui-text-inverted:#fffdf8;--ui-bg:var(--cms-surface);--ui-bg-muted:var(--cms-paper);--ui-bg-elevated:var(--cms-field);--ui-bg-accented:#e7e1d3;--ui-bg-inverted:var(--cms-ink);--ui-border:var(--cms-line);--ui-border-muted:var(--cms-line);--ui-border-accented:var(--cms-line-strong);--ui-border-inverted:var(--cms-ink);--ui-primary:var(--cms-fern);--ui-radius:0.4rem;color:var(--ui-text);font-family:Hanken Grotesk,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body:has(.cms-scope) ::-moz-selection{background:var(--cms-sage);color:var(--cms-sage-ink)}body:has(.cms-scope) ::selection{background:var(--cms-sage);color:var(--cms-sage-ink)}.cms-display{font-family:Poppins,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em}.cms-kicker{color:var(--ui-text-dimmed);font-family:Fragment Mono,ui-monospace,monospace;font-size:.6875rem;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}body:has(.cms-scope) :is(button,a,label,[role=button],[role=menuitem],[role=option],.__clickable):not(:disabled,[aria-disabled=true]){@apply cursor-pointer transition-all duration-200 select-none}body:has(.cms-scope) :is(button,a,label,[role=button],[role=menuitem],[role=option],.__clickable):not(:disabled,[aria-disabled=true]):active{@apply transition-none;scale:.99}.cms-canvas{background-attachment:fixed;background-color:var(--cms-paper);background-image:radial-gradient(50rem 34rem at 10% -10%,rgba(62,107,79,.07),transparent 62%),radial-gradient(44rem 30rem at 108% 112%,rgba(193,149,87,.09),transparent 62%)}.cms-grain:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='2' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;mix-blend-mode:multiply;opacity:.035;pointer-events:none;position:fixed;z-index:50}.cms-card{background:var(--cms-surface);border:1px solid var(--cms-line);border-radius:1rem;box-shadow:var(--cms-shadow-soft)}.cms-empty{background:rgba(253,252,250,.5);border:1.5px dashed var(--cms-line-strong);border-radius:1rem}.cms-navlink{align-items:center;border-radius:.75rem;color:var(--ui-text-toned);display:flex;font-size:.875rem;font-weight:500;gap:.625rem;padding:.5rem .75rem;transition:background-color .15s ease,color .15s ease}.cms-navlink:hover{background:rgba(38,33,25,.05);color:var(--ui-text-highlighted)}.cms-navlink.is-active{background:var(--cms-sage);color:var(--cms-sage-ink);font-weight:600}.cms-navlink.is-active .cms-navlink-icon{color:var(--cms-fern)}.cms-badge{border:1px solid transparent;border-radius:9999px;cursor:pointer;font-family:Fragment Mono,ui-monospace,monospace;font-size:.625rem;letter-spacing:.12em;padding:.25rem .625rem;text-transform:uppercase;transition:background-color .15s ease,border-color .15s ease}.cms-badge.is-published{background:var(--cms-sage);color:var(--cms-sage-ink)}.cms-badge.is-published:hover{background:#d6e2d3}.cms-badge.is-draft{background:transparent;border:1px dashed var(--cms-line-strong);color:var(--ui-text-muted)}.cms-badge.is-draft:hover{background:rgba(38,33,25,.04)}.cms-dropzone{align-items:center;background:rgba(253,252,250,.5);border:1.5px dashed var(--cms-line-strong);border-radius:1rem;color:var(--ui-text-muted);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2rem 1.5rem;transition:border-color .15s ease,background-color .15s ease,color .15s ease;width:100%}.cms-dropzone.is-over,.cms-dropzone:hover{background:var(--cms-sage);border-color:var(--cms-fern);color:var(--cms-sage-ink)}.cms-dropzone.is-dense{border-radius:.75rem;flex-direction:row;gap:.625rem;padding:.875rem 1.25rem}.cms-dropzone.is-busy{opacity:.7;pointer-events:none}.cms-pill{background:var(--cms-surface);border:1px solid var(--cms-line);border-radius:9999px;color:var(--ui-text-dimmed);cursor:pointer;font-family:Fragment Mono,ui-monospace,monospace;font-size:.625rem;letter-spacing:.12em;padding:.3rem .8rem;transition:background-color .15s ease,color .15s ease}.cms-pill:hover{background:rgba(38,33,25,.05);color:var(--ui-text)}.cms-pill.is-active{background:var(--cms-sage);color:var(--cms-sage-ink)}@keyframes cms-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.cms-rise{animation:cms-rise .55s cubic-bezier(.22,1,.36,1) both}@media (prefers-reduced-motion:reduce){.cms-rise{animation:none}}.cms-richtext{border:1px solid var(--cms-line);border-radius:.75rem;overflow:hidden}.cms-richtext-toolbar{align-items:center;border-bottom:1px solid var(--cms-line);display:flex;flex-wrap:wrap;gap:2px;padding:4px}.cms-richtext-body{font-size:.875rem;min-height:9rem;outline:none;padding:.75rem 1rem}.cms-richtext-body h2{font-size:1.25rem;font-weight:600;margin:.75em 0 .35em}.cms-richtext-body h3{font-size:1.1rem;font-weight:600;margin:.75em 0 .35em}.cms-richtext-body p{margin:.35em 0}.cms-richtext-body ul{list-style:disc;padding-left:1.25rem}.cms-richtext-body ol{list-style:decimal;padding-left:1.25rem}.cms-richtext-body blockquote{border-left:3px solid var(--cms-line);color:var(--ui-text-muted);padding-left:.75rem}

package/dist/runtime/server/api/collection.get.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<{
+    [x: string]: any;
+} | {
+    [x: string]: any;
+}[] | null>>;
+export default _default;