@xleddyl/nuxt-cms 0.4.4 → 0.5.0

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

@@ -1,37 +0,0 @@
-interface FormIssue {
-    path: readonly PropertyKey[];
-    message: string;
-}
-interface ParseResult {
-    success: boolean;
-    error?: {
-        issues: readonly FormIssue[];
-    };
-}
-type __VLS_Props = {
-    id?: string;
-    state: Record<string, unknown>;
-    schema?: {
-        safeParse: (value: unknown) => ParseResult;
-    };
-    warnings?: (value: Record<string, unknown>) => readonly FormIssue[];
-};
-declare var __VLS_13: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_13) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    error: () => any;
-    submit: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onError?: (() => any) | undefined;
-    onSubmit?: (() => any) | undefined;
-}>, {}, {}, {}, {}, 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/Form.vue

@@ -1,63 +0,0 @@
-<template>
-   <form :id="id" class="cms-form" @submit.prevent="onSubmit">
-      <CmsAlert v-if="errors[ROOT_KEY]" color="error">{{ errors[ROOT_KEY] }}</CmsAlert>
-      <CmsAlert v-for="message in rootWarnings" :key="message" color="warning">
-         {{ message }}
-      </CmsAlert>
-      <slot />
-   </form>
-</template>
-
-<script setup>
-import { computed, provide, reactive, watch } from "#imports";
-import { CMS_FORM_ERRORS, CMS_FORM_WARNINGS } from "../../utils/ui";
-const ROOT_KEY = "";
-const props = defineProps({
-  id: { type: String, required: false },
-  state: { type: Object, required: true },
-  schema: { type: Object, required: false },
-  warnings: { type: Function, required: false }
-});
-const emit = defineEmits(["submit", "error"]);
-const errors = reactive({});
-provide(CMS_FORM_ERRORS, errors);
-const warningList = computed(() => props.warnings?.(props.state) ?? []);
-const warningsByKey = computed(() => {
-  const grouped = {};
-  for (const issue of warningList.value) {
-    const key = String(issue.path[0] ?? ROOT_KEY);
-    if (key !== ROOT_KEY) grouped[key] ??= issue.message;
-  }
-  return grouped;
-});
-provide(CMS_FORM_WARNINGS, warningsByKey);
-const rootWarnings = computed(() => [
-  ...new Set(
-    warningList.value.filter((issue) => !issue.path.length).map((issue) => issue.message)
-  )
-]);
-let submitted = false;
-function validate() {
-  for (const key of Object.keys(errors)) delete errors[key];
-  if (!props.schema) return true;
-  const result = props.schema.safeParse(props.state);
-  if (result.success) return true;
-  for (const issue of result.error?.issues ?? []) {
-    const key = String(issue.path[0] ?? ROOT_KEY);
-    if (!errors[key]) errors[key] = issue.message;
-  }
-  return false;
-}
-function onSubmit() {
-  submitted = true;
-  if (validate()) emit("submit");
-  else emit("error");
-}
-watch(
-  () => props.state,
-  () => {
-    if (submitted) validate();
-  },
-  { deep: true }
-);
-</script>

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

@@ -1,37 +0,0 @@
-interface FormIssue {
-    path: readonly PropertyKey[];
-    message: string;
-}
-interface ParseResult {
-    success: boolean;
-    error?: {
-        issues: readonly FormIssue[];
-    };
-}
-type __VLS_Props = {
-    id?: string;
-    state: Record<string, unknown>;
-    schema?: {
-        safeParse: (value: unknown) => ParseResult;
-    };
-    warnings?: (value: Record<string, unknown>) => readonly FormIssue[];
-};
-declare var __VLS_13: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_13) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    error: () => any;
-    submit: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onError?: (() => any) | undefined;
-    onSubmit?: (() => any) | undefined;
-}>, {}, {}, {}, {}, 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/FormField.d.vue.ts

@@ -1,22 +0,0 @@
-type __VLS_Props = {
-    label?: string;
-    icon?: string;
-    description?: string;
-    name?: string;
-    required?: boolean;
-};
-declare var __VLS_6: {}, __VLS_8: {};
-type __VLS_Slots = {} & {
-    'label-actions'?: (props: typeof __VLS_6) => any;
-} & {
-    default?: (props: typeof __VLS_8) => 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/FormField.vue

@@ -1,35 +0,0 @@
-<template>
-   <div class="cms-form-field" :class="{ 'is-error': error }">
-      <div v-if="label || $slots['label-actions']" class="cms-form-label-row">
-         <label v-if="label" class="cms-form-label">
-            <CmsIcon v-if="icon" :name="icon" class="cms-form-label-icon size-3.5" />
-            {{ label }}<span v-if="required" class="cms-form-required"> *</span>
-         </label>
-         <slot name="label-actions" />
-      </div>
-      <slot />
-      <p v-if="description" class="cms-form-description">{{ description }}</p>
-      <p v-if="error" class="cms-form-error">
-         <CmsIcon name="exclamation-circle" class="size-3.5 shrink-0" />{{ error }}
-      </p>
-      <p v-else-if="warning" class="cms-form-warning">
-         <CmsIcon name="exclamation-triangle" class="size-3.5 shrink-0" />{{ warning }}
-      </p>
-   </div>
-</template>
-
-<script setup>
-import { computed, inject } from "#imports";
-import { CMS_FORM_ERRORS, CMS_FORM_WARNINGS } from "../../utils/ui";
-const props = defineProps({
-  label: { type: String, required: false },
-  icon: { type: String, required: false },
-  description: { type: String, required: false },
-  name: { type: String, required: false },
-  required: { type: Boolean, required: false }
-});
-const errors = inject(CMS_FORM_ERRORS, null);
-const warnings = inject(CMS_FORM_WARNINGS, null);
-const error = computed(() => props.name && errors ? errors[props.name] : void 0);
-const warning = computed(() => props.name && warnings ? warnings.value[props.name] : void 0);
-</script>

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

@@ -1,22 +0,0 @@
-type __VLS_Props = {
-    label?: string;
-    icon?: string;
-    description?: string;
-    name?: string;
-    required?: boolean;
-};
-declare var __VLS_6: {}, __VLS_8: {};
-type __VLS_Slots = {} & {
-    'label-actions'?: (props: typeof __VLS_6) => any;
-} & {
-    default?: (props: typeof __VLS_8) => 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/Icon.d.vue.ts

@@ -1,6 +0,0 @@
-type __VLS_Props = {
-    name: string;
-};
-declare const __VLS_export: 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 _default: typeof __VLS_export;
-export default _default;

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

@@ -1,23 +0,0 @@
-<template>
-   <component :is="icon" v-if="icon" :data-icon="name" class="size-5 stroke-[1.5]" />
-</template>
-
-<script setup>
-import { defineAsyncComponent, shallowRef, watch } from "#imports";
-const props = defineProps({
-  name: { type: String, required: true }
-});
-const icons = import.meta.glob("../../../assets/svg/*.svg", {
-  query: "?component",
-  import: "default"
-});
-const icon = shallowRef();
-watch(
-  () => props.name,
-  (name) => {
-    const loader = name ? icons[`../../../assets/svg/${name}.svg`] : void 0;
-    icon.value = loader ? defineAsyncComponent(loader) : void 0;
-  },
-  { immediate: true }
-);
-</script>

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

@@ -1,6 +0,0 @@
-type __VLS_Props = {
-    name: string;
-};
-declare const __VLS_export: 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 _default: typeof __VLS_export;
-export default _default;

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

@@ -1,27 +0,0 @@
-type __VLS_Props = {
-    type?: string;
-    size?: 'sm' | 'md' | 'lg';
-    icon?: string;
-};
-type __VLS_ModelProps = {
-    modelValue?: string | number | null;
-    'modelModifiers'?: Partial<Record<'number', true>>;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_6: {};
-type __VLS_Slots = {} & {
-    trailing?: (props: typeof __VLS_6) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | number | null | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, 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/Input.vue

@@ -1,46 +0,0 @@
-<template>
-   <div
-      class="cms-input-wrap"
-      :class="[$attrs.class, { 'has-lead': icon }]"
-      :style="$attrs.style"
-   >
-      <span v-if="icon" class="cms-input-lead">
-         <CmsIcon :name="icon" class="size-4" />
-      </span>
-      <input
-         v-bind="inputAttrs"
-         :type="type ?? 'text'"
-         :value="model ?? ''"
-         :class="['cms-field', `cms-field-${size ?? 'md'}`]"
-         @input="onInput"
-      />
-      <span v-if="$slots.trailing" class="cms-input-trail">
-         <slot name="trailing" />
-      </span>
-   </div>
-</template>
-
-<script setup>
-import { computed, useAttrs } from "#imports";
-defineOptions({ inheritAttrs: false });
-defineProps({
-  type: { type: String, required: false },
-  size: { type: String, required: false },
-  icon: { type: String, required: false }
-});
-const [model, modifiers] = defineModel({ type: [String, Number, null] });
-const attrs = useAttrs();
-const inputAttrs = computed(() => {
-  const { class: _class, style: _style, ...rest } = attrs;
-  return rest;
-});
-function onInput(event) {
-  const value = event.target.value;
-  if (modifiers.number) {
-    const parsed = Number.parseFloat(value);
-    model.value = value === "" ? null : Number.isNaN(parsed) ? value : parsed;
-  } else {
-    model.value = value;
-  }
-}
-</script>

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

@@ -1,27 +0,0 @@
-type __VLS_Props = {
-    type?: string;
-    size?: 'sm' | 'md' | 'lg';
-    icon?: string;
-};
-type __VLS_ModelProps = {
-    modelValue?: string | number | null;
-    'modelModifiers'?: Partial<Record<'number', true>>;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_6: {};
-type __VLS_Slots = {} & {
-    trailing?: (props: typeof __VLS_6) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | number | null | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, 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/Modal.d.vue.ts

@@ -1,31 +0,0 @@
-type __VLS_Props = {
-    title?: string;
-    size?: 'sm' | 'lg';
-};
-type __VLS_ModelProps = {
-    'open'?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_13: {}, __VLS_15: {}, __VLS_17: {};
-type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_13) => any;
-} & {
-    body?: (props: typeof __VLS_15) => any;
-} & {
-    default?: (props: typeof __VLS_17) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "after:leave": () => any;
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onAfter:leave"?: (() => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, 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/Modal.vue

@@ -1,49 +0,0 @@
-<template>
-   <Teleport to="body">
-      <Transition name="cms-modal">
-         <div v-if="open" class="cms-scope cms-overlay" @click.self="close">
-            <div
-               class="cms-modal"
-               :class="size ? `is-${size}` : void 0"
-               role="dialog"
-               aria-modal="true"
-            >
-               <div v-if="title || $slots.header" class="cms-modal-header">
-                  <slot name="header">
-                     <h2 class="cms-title cms-title-sm">
-                        {{ title }}
-                     </h2>
-                  </slot>
-               </div>
-               <div class="cms-modal-body">
-                  <slot name="body"><slot /></slot>
-               </div>
-            </div>
-         </div>
-      </Transition>
-   </Teleport>
-</template>
-
-<script setup>
-import { watch } from "#imports";
-import { useCmsOverlay } from "../../composables/cms-overlay";
-defineProps({
-  title: { type: String, required: false },
-  size: { type: String, required: false }
-});
-const open = defineModel("open", { type: Boolean, ...{ default: false } });
-const emit = defineEmits(["after:leave"]);
-function close() {
-  open.value = false;
-}
-const overlay = useCmsOverlay(close);
-watch(open, (value, previous) => {
-  if (import.meta.server) return;
-  if (value) {
-    overlay.activate();
-  } else {
-    overlay.deactivate();
-    if (previous) emit("after:leave");
-  }
-});
-</script>

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

@@ -1,31 +0,0 @@
-type __VLS_Props = {
-    title?: string;
-    size?: 'sm' | 'lg';
-};
-type __VLS_ModelProps = {
-    'open'?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_13: {}, __VLS_15: {}, __VLS_17: {};
-type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_13) => any;
-} & {
-    body?: (props: typeof __VLS_15) => any;
-} & {
-    default?: (props: typeof __VLS_17) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "after:leave": () => any;
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onAfter:leave"?: (() => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, 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/PageHeader.d.vue.ts

@@ -1,25 +0,0 @@
-export interface CmsBreadcrumbLink {
-    label: string;
-    to: string;
-}
-type __VLS_Props = {
-    title: string;
-    icon?: string;
-    description?: string;
-    links?: CmsBreadcrumbLink[];
-};
-declare var __VLS_17: {}, __VLS_19: {};
-type __VLS_Slots = {} & {
-    badge?: (props: typeof __VLS_17) => any;
-} & {
-    default?: (props: typeof __VLS_19) => 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/PageHeader.vue

@@ -1,36 +0,0 @@
-<template>
-   <header class="cms-page-header">
-      <div class="cms-page-heading">
-         <nav v-if="links?.length" class="cms-breadcrumb">
-            <template v-for="link in links" :key="link.to">
-               <NuxtLink :to="link.to" class="cms-breadcrumb-link">{{ link.label }}</NuxtLink>
-               <CmsIcon name="chevron-right" class="cms-breadcrumb-separator size-3" />
-            </template>
-         </nav>
-         <div class="cms-page-title-row">
-            <span v-if="icon" class="cms-page-icon">
-               <CmsIcon :name="icon" class="size-[18px]" />
-            </span>
-            <div class="cms-page-title-text">
-               <div class="cms-actions">
-                  <h1 class="cms-title cms-title-md">
-                     {{ title }}
-                  </h1>
-                  <slot name="badge" />
-               </div>
-               <p v-if="description" class="cms-page-description">{{ description }}</p>
-            </div>
-         </div>
-      </div>
-      <slot />
-   </header>
-</template>
-
-<script setup>
-defineProps({
-  title: { type: String, required: true },
-  icon: { type: String, required: false },
-  description: { type: String, required: false },
-  links: { type: Array, required: false }
-});
-</script>

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

@@ -1,25 +0,0 @@
-export interface CmsBreadcrumbLink {
-    label: string;
-    to: string;
-}
-type __VLS_Props = {
-    title: string;
-    icon?: string;
-    description?: string;
-    links?: CmsBreadcrumbLink[];
-};
-declare var __VLS_17: {}, __VLS_19: {};
-type __VLS_Slots = {} & {
-    badge?: (props: typeof __VLS_17) => any;
-} & {
-    default?: (props: typeof __VLS_19) => 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/Pagination.d.vue.ts

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

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

@@ -1,51 +0,0 @@
-<template>
-   <div class="cms-pagination">
-      <button
-         type="button"
-         class="cms-page-btn"
-         :disabled="page <= 1"
-         aria-label="Previous page"
-         @click="go(page - 1)"
-      >
-         <CmsIcon name="chevron-left" class="size-4" />
-      </button>
-      <button
-         v-for="p in pages"
-         :key="p"
-         type="button"
-         class="cms-page-btn"
-         :class="{ 'is-active': p === page }"
-         @click="go(p)"
-      >
-         {{ p }}
-      </button>
-      <button
-         type="button"
-         class="cms-page-btn"
-         :disabled="page >= pageCount"
-         aria-label="Next page"
-         @click="go(page + 1)"
-      >
-         <CmsIcon name="chevron-right" class="size-4" />
-      </button>
-   </div>
-</template>
-
-<script setup>
-import { computed } from "#imports";
-const props = defineProps({
-  total: { type: Number, required: true },
-  itemsPerPage: { type: Number, required: true }
-});
-const page = defineModel("page", { type: Number, ...{ default: 1 } });
-const pageCount = computed(() => Math.max(1, Math.ceil(props.total / props.itemsPerPage)));
-const pages = computed(() => {
-  const count = pageCount.value;
-  if (count <= 7) return Array.from({ length: count }, (_, index) => index + 1);
-  const start = Math.min(Math.max(page.value - 3, 1), count - 6);
-  return Array.from({ length: 7 }, (_, index) => start + index);
-});
-function go(target) {
-  if (target >= 1 && target <= pageCount.value) page.value = target;
-}
-</script>

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

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