@xleddyl/nuxt-cms 0.1.11 → 0.1.13

package/dist/module.json

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

package/dist/module.mjs

@@ -3,7 +3,9 @@ import { existsSync } from 'node:fs';
 import { createRequire } from 'node:module';
 import { isAbsolute, resolve, relative, join, dirname } from 'node:path';
 import { fileURLToPath } from 'node:url';
-import { defineNuxtModule, createResolver, useLogger, resolvePath, addTemplate, addImports, addServerPlugin, addTypeTemplate, addLayout, addComponentsDir, addRouteMiddleware, extendPages, addServerHandler } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, useLogger, resolvePath, addTemplate, addImports, addServerPlugin, addTypeTemplate, addVitePlugin, addLayout, addComponentsDir, addRouteMiddleware, extendPages, addServerHandler } from '@nuxt/kit';
+import tailwindcss from '@tailwindcss/vite';
+import svgLoader from 'vite-svg-loader';
 import { introspectionFromSchema, buildSchema } from 'graphql';
 import { minifyIntrospection, outputIntrospectionFile } from 'gql.tada/internal';
 import { createJiti } from 'jiti';
@@ -397,23 +399,7 @@ const module$1 = defineNuxtModule({
     configKey: "cms"
   },
   moduleDependencies: {
-    "@nuxt/ui": {},
-    "nuxt-auth-utils": {},
-    "@nuxtjs/i18n": {
-      defaults: {
-        locales: [
-          { code: "en", name: "English" },
-          { code: "it", name: "Italiano" }
-        ],
-        defaultLocale: "en",
-        strategy: "no_prefix",
-        detectBrowserLanguage: {
-          useCookie: true,
-          cookieKey: "cms-locale",
-          fallbackLocale: "en"
-        }
-      }
-    }
+    "nuxt-auth-utils": {}
   },
   defaults: {
     configPath: "cms.config",
@@ -548,15 +534,6 @@ const module$1 = defineNuxtModule({
       { name: "useCms", from: resolver.resolve("./runtime/app/composables/cms-query") },
       { name: "$cmsQuery", from: resolver.resolve("./runtime/app/composables/cms-query") }
     ]);
-    nuxt.hook("i18n:registerModule", (register) => {
-      register({
-        langDir: resolver.resolve("./runtime/app/i18n"),
-        locales: [
-          { code: "en", file: "en.json" },
-          { code: "it", file: "it.json" }
-        ]
-      });
-    });
     const {
       driver = "sqlite",
       path: dbPath = "data/cms.db",
@@ -664,6 +641,8 @@ const module$1 = defineNuxtModule({
       },
       { nuxt: true, nitro: true }
     );
+    addVitePlugin(tailwindcss());
+    addVitePlugin(svgLoader({ defaultImport: "url", svgoConfig: { plugins: ["prefixIds"] } }));
     nuxt.options.css.push(resolver.resolve("./runtime/assets/main.css"));
     addLayout({ src: resolver.resolve("./runtime/app/layouts/cms-admin.vue") }, "cms-admin");
     addComponentsDir({ path: resolver.resolve("./runtime/app/components") });

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

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    color?: 'error';
+    variant?: string;
+    title?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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/components/cms/Alert.vue

@@ -0,0 +1,14 @@
+<template>
+   <div class="cms-alert" :class="`cms-alert-${color ?? 'error'}`">
+      <p v-if="title" class="font-medium">{{ title }}</p>
+      <slot />
+   </div>
+</template>
+
+<script setup>
+defineProps({
+  color: { type: String, required: false },
+  variant: { type: String, required: false },
+  title: { type: String, required: false }
+});
+</script>

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

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    color?: 'error';
+    variant?: string;
+    title?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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/components/cms/BlocksField.vue

@@ -9,54 +9,52 @@
             <button
                type="button"
                class="cms-kicker flex grow items-center gap-1.5 text-left"
-               :aria-label="
-  isCollapsed(item) ? t('cms.form.expandBlock') : t('cms.form.collapseBlock')
-"
+               :aria-label="isCollapsed(item) ? 'Expand block' : 'Collapse block'"
                @click="toggleCollapsed(item)"
             >
-               <UIcon
-                  :name="isCollapsed(item) ? 'i-lucide-chevron-right' : 'i-lucide-chevron-down'"
+               <CmsIcon
+                  :name="isCollapsed(item) ? 'chevron-right' : 'chevron-down'"
                   class="size-3.5"
                />
                {{ blocks[item.type]?.label ?? item.type }}
             </button>
-            <UButton
-               icon="i-lucide-chevron-up"
+            <CmsButton
+               icon="chevron-up"
                size="xs"
                variant="ghost"
                color="neutral"
-               :aria-label="t('cms.form.moveUp')"
+               aria-label="Move up"
                :disabled="index === 0"
                @click="move(index, -1)"
             />
-            <UButton
-               icon="i-lucide-chevron-down"
+            <CmsButton
+               icon="chevron-down"
                size="xs"
                variant="ghost"
                color="neutral"
-               :aria-label="t('cms.form.moveDown')"
+               aria-label="Move down"
                :disabled="index === items.length - 1"
                @click="move(index, 1)"
             />
-            <UButton
-               icon="i-lucide-copy"
+            <CmsButton
+               icon="document-duplicate"
                size="xs"
                variant="ghost"
                color="neutral"
-               :aria-label="t('cms.form.duplicateBlock')"
+               aria-label="Duplicate block"
                @click="duplicate(index)"
             />
-            <UButton
-               icon="i-lucide-trash-2"
+            <CmsButton
+               icon="trash"
                size="xs"
                variant="ghost"
                color="error"
-               :aria-label="t('cms.form.removeBlock')"
+               aria-label="Remove block"
                @click="remove(index)"
             />
          </div>
          <template v-if="!isCollapsed(item)">
-            <UFormField
+            <CmsFormField
                v-for="(blockField, blockKey) in blocks[item.type]?.fields"
                :key="blockKey"
                :label="blockField.label"
@@ -68,28 +66,27 @@
                   :field="blockField"
                   @update:model-value="(value) => updateField(index, blockKey, value)"
                />
-            </UFormField>
+            </CmsFormField>
          </template>
       </div>
-      <UDropdownMenu :items="addItems">
-         <UButton
-            :label="t('cms.form.addBlock')"
-            icon="i-lucide-plus"
+      <CmsDropdownMenu :items="addItems">
+         <CmsButton
+            label="Add block"
+            icon="plus"
             variant="subtle"
             class="self-start rounded-full px-4"
          />
-      </UDropdownMenu>
+      </CmsDropdownMenu>
    </div>
 </template>
 
 <script setup>
-import { computed, ref, useI18n } from "#imports";
+import { computed, ref } from "#imports";
 import { CMS_FIELD_UI } from "../../utils/ui";
 const props = defineProps({
   field: { type: Object, required: true }
 });
 const model = defineModel({ type: [Array, null], ...{ required: true } });
-const { t } = useI18n();
 const blocks = computed(() => props.field.blocks ?? {});
 const items = computed(() => Array.isArray(model.value) ? model.value : []);
 let uidCounter = 0;

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

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    label?: string;
+    type?: 'button' | 'submit' | 'reset';
+    form?: string;
+    icon?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    color?: 'primary' | 'neutral' | 'error' | 'success';
+    variant?: 'solid' | 'subtle' | 'soft' | 'ghost';
+    disabled?: boolean;
+    loading?: boolean;
+    block?: boolean;
+};
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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/components/cms/Button.vue

@@ -0,0 +1,33 @@
+<template>
+   <button
+      :type="type ?? 'button'"
+      :form="form"
+      :disabled="disabled || loading"
+      :class="[
+  'cms-btn',
+  `cms-btn-${size ?? 'md'}`,
+  `cms-btn-${color ?? 'primary'}`,
+  `cms-btn-${variant ?? 'solid'}`,
+  { 'is-block': block }
+]"
+   >
+      <CmsIcon v-if="loading" name="arrow-path" class="size-4 shrink-0 animate-spin" />
+      <CmsIcon v-else-if="icon" :name="icon" class="size-4 shrink-0" />
+      <slot>{{ label }}</slot>
+   </button>
+</template>
+
+<script setup>
+defineProps({
+  label: { type: String, required: false },
+  type: { type: String, required: false },
+  form: { type: String, required: false },
+  icon: { type: String, required: false },
+  size: { type: String, required: false },
+  color: { type: String, required: false },
+  variant: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false },
+  block: { type: Boolean, required: false }
+});
+</script>

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

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    label?: string;
+    type?: 'button' | 'submit' | 'reset';
+    form?: string;
+    icon?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    color?: 'primary' | 'neutral' | 'error' | 'success';
+    variant?: 'solid' | 'subtle' | 'soft' | 'ghost';
+    disabled?: boolean;
+    loading?: boolean;
+    block?: boolean;
+};
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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/components/cms/ConfirmModal.d.vue.ts

@@ -1,20 +1,3 @@
-type __VLS_Props = {
-    message: string;
-    title?: string;
-    confirmLabel?: string;
-};
-type __VLS_ModelProps = {
-    'open'?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (value: boolean) => any;
-    "after:leave": () => any;
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClose?: ((value: boolean) => any) | undefined;
-    "onAfter:leave"?: (() => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+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/components/cms/ConfirmModal.vue

@@ -1,43 +1,42 @@
 <template>
-   <UModal
-      v-model:open="open"
-      :title="title ?? t('cms.confirm.title')"
+   <CmsModal
+      v-model:open="state.open"
+      :title="state.title ?? 'Are you sure?'"
       :ui="ui"
-      @after:leave="emit('after:leave')"
+      @after:leave="finish(false)"
    >
       <template #body>
          <div class="flex flex-col gap-5">
-            <p class="text-(--ui-text) text-sm">{{ message }}</p>
+            <p class="text-sm text-(--ui-text)">{{ state.message }}</p>
             <div class="flex justify-end gap-2">
-               <UButton
-                  :label="t('cms.confirm.cancel')"
+               <CmsButton
+                  label="Cancel"
                   variant="subtle"
                   color="neutral"
                   class="rounded-full px-4"
-                  @click="emit('close', false)"
+                  @click="finish(false)"
                />
-               <UButton
-                  :label="confirmLabel ?? t('cms.confirm.confirm')"
+               <CmsButton
+                  :label="state.confirmLabel ?? 'Confirm'"
                   color="error"
                   class="rounded-full px-4"
-                  @click="emit('close', true)"
+                  @click="finish(true)"
                />
             </div>
          </div>
       </template>
-   </UModal>
+   </CmsModal>
 </template>
 
 <script setup>
-import { useI18n } from "#imports";
+import { useCmsConfirmState } from "../../composables/cms-confirm";
 import { CMS_MODAL_UI } from "../../utils/ui";
-defineProps({
-  message: { type: String, required: true },
-  title: { type: String, required: false },
-  confirmLabel: { type: String, required: false }
-});
-const open = defineModel("open", { type: Boolean, ...{ default: true } });
-const emit = defineEmits(["close", "after:leave"]);
-const { t } = useI18n();
+const state = useCmsConfirmState();
 const ui = { ...CMS_MODAL_UI, content: "rounded-2xl shadow-xl sm:max-w-md" };
+function finish(value) {
+  const resolve = state.value.resolve;
+  if (!resolve) return;
+  state.value = { open: false, message: "" };
+  resolve(value);
+}
 </script>

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

@@ -1,20 +1,3 @@
-type __VLS_Props = {
-    message: string;
-    title?: string;
-    confirmLabel?: string;
-};
-type __VLS_ModelProps = {
-    'open'?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (value: boolean) => any;
-    "after:leave": () => any;
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onClose?: ((value: boolean) => any) | undefined;
-    "onAfter:leave"?: (() => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+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/components/cms/DropdownMenu.d.vue.ts

@@ -0,0 +1,29 @@
+interface MenuItem {
+    label: string;
+    type?: 'checkbox';
+    checked?: boolean;
+    onSelect?: (event: Event) => void;
+    onUpdateChecked?: (checked: boolean) => void;
+}
+type __VLS_Props = {
+    items: MenuItem[];
+    content?: {
+        align?: 'start' | 'end';
+    };
+    ui?: {
+        content?: string;
+    };
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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/components/cms/DropdownMenu.vue

@@ -0,0 +1,57 @@
+<template>
+   <div ref="root" class="relative inline-flex">
+      <div class="contents" @click="open = !open">
+         <slot />
+      </div>
+      <div
+         v-if="open"
+         class="cms-menu"
+         :class="[content?.align === 'end' && 'align-end', ui?.content]"
+      >
+         <button
+            v-for="(item, index) in items"
+            :key="index"
+            type="button"
+            class="cms-menu-item"
+            @click="onClick(item, $event)"
+         >
+            <span>{{ item.label }}</span>
+            <CmsIcon
+               v-if="item.type === 'checkbox' && item.checked"
+               name="check"
+               class="cms-menu-check size-3.5"
+            />
+         </button>
+      </div>
+   </div>
+</template>
+
+<script setup>
+import { onBeforeUnmount, ref, watch } from "#imports";
+defineProps({
+  items: { type: Array, required: true },
+  content: { type: Object, required: false },
+  ui: { type: Object, required: false }
+});
+const open = ref(false);
+const root = ref(null);
+function onClick(item, event) {
+  if (item.type === "checkbox") {
+    item.onUpdateChecked?.(!item.checked);
+    return;
+  }
+  item.onSelect?.(event);
+  if (!event.defaultPrevented) open.value = false;
+}
+function onOutside(event) {
+  if (root.value && !root.value.contains(event.target)) open.value = false;
+}
+watch(open, (value) => {
+  if (import.meta.server) return;
+  if (value) document.addEventListener("click", onOutside, true);
+  else document.removeEventListener("click", onOutside, true);
+});
+onBeforeUnmount(() => {
+  if (import.meta.client) document.removeEventListener("click", onOutside, true);
+});
+</script>

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

@@ -0,0 +1,29 @@
+interface MenuItem {
+    label: string;
+    type?: 'checkbox';
+    checked?: boolean;
+    onSelect?: (event: Event) => void;
+    onUpdateChecked?: (checked: boolean) => void;
+}
+type __VLS_Props = {
+    items: MenuItem[];
+    content?: {
+        align?: 'start' | 'end';
+    };
+    ui?: {
+        content?: string;
+    };
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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/components/cms/EmptyState.vue

@@ -1,10 +1,10 @@
 <template>
    <div class="cms-empty flex flex-col items-center gap-2 p-14 text-center">
-      <UIcon :name="icon" class="text-(--cms-fern) mb-1 size-6" />
-      <p class="cms-display text-(--ui-text-highlighted) text-xl">
+      <CmsIcon :name="icon" class="mb-1 size-6 text-(--cms-fern)" />
+      <p class="cms-display text-xl text-(--ui-text-highlighted)">
          {{ title }}<span class="text-(--cms-fern)">.</span>
       </p>
-      <p v-if="body" class="text-(--ui-text-muted) max-w-md text-sm">
+      <p v-if="body" class="max-w-md text-sm text-(--ui-text-muted)">
          {{ body }}
       </p>
       <slot />

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

@@ -1,5 +1,5 @@
 <template>
-   <UForm
+   <CmsForm
       :id="formId"
       :state="state"
       :schema="schema"
@@ -7,7 +7,7 @@
       @submit="emit('submit')"
       @error="emit('error')"
    >
-      <UFormField
+      <CmsFormField
          v-for="(field, key) in fields"
          :key="key"
          :label="field.label"
@@ -20,28 +20,23 @@
             :field="field"
             :slug-source="field.from ? state[field.from] : void 0"
          />
-      </UFormField>
+      </CmsFormField>
       <div v-if="footer" class="flex items-center justify-end gap-3 pt-1">
-         <UButton
-            type="submit"
-            :label="t('cms.form.save')"
-            :loading="loading"
-            class="rounded-full px-6"
-         />
-         <UButton
+         <CmsButton type="submit" label="Save" :loading="loading" class="rounded-full px-6" />
+         <CmsButton
             v-if="drafts"
             type="submit"
-            :label="published ? t('cms.status.unpublish') : t('cms.status.publish')"
+            :label="published ? 'Make draft' : 'Publish'"
             :loading="loading"
             class="rounded-full px-6"
             @click="togglePublished"
          />
       </div>
-   </UForm>
+   </CmsForm>
 </template>
 
 <script setup>
-import { computed, useI18n } from "#imports";
+import { computed } from "#imports";
 import { buildEntrySchema } from "../../../shared/validation";
 import { useCmsRuntime } from "../../composables/cms-runtime";
 import { CMS_FIELD_UI } from "../../utils/ui";
@@ -54,17 +49,9 @@ const props = defineProps({
 });
 const state = defineModel({ type: Object, ...{ required: true } });
 const emit = defineEmits(["submit", "error"]);
-const { t } = useI18n();
 const { i18n } = useCmsRuntime();
 const schema = computed(
-  () => buildEntrySchema({ fields: props.fields, drafts: props.drafts }, i18n, {
-    required: t("cms.validation.required"),
-    invalidDate: t("cms.validation.invalidDate"),
-    invalidEmail: t("cms.validation.invalidEmail"),
-    invalidSlug: t("cms.validation.invalidSlug"),
-    unknownLocale: t("cms.validation.unknownLocale"),
-    requiredLocale: (locale) => t("cms.validation.requiredLocale", { locale })
-  })
+  () => buildEntrySchema({ fields: props.fields, drafts: props.drafts }, i18n)
 );
 const published = computed({
   get: () => state.value.status === "published",