@xleddyl/nuxt-cms 0.1.10 → 0.1.13

package/README.md

@@ -6,7 +6,67 @@ nuxt-cms is a Nuxt module that leverages the Nitro server to ship a lightweight
 - **Content types in code**: a `cms.config.ts` with `defineCmsConfig()` declares collections, single documents, relations, blocks and translatable fields; database schema, migrations and TypeScript types are generated from it.
 - **Admin panel at `/cms`**: entry editing with validation, drafts, media library (S3-compatible storage), single-admin auth from env credentials.
 - **Public GraphQL API**: read-only, typed end-to-end via gql.tada, with filtering, sorting and pagination.
-- **SQLite or Postgres**: a local file database by default, one config line to switch.
+- **SQLite, Postgres or libSQL/Turso**: a local file database by default, one config line to switch (including remote SQLite over the network).
+
+## Installation
+
+```bash
+npm install @xleddyl/nuxt-cms
+```
+
+Register the module and configure it under the `cms` key in `nuxt.config.ts`:
+
+```ts
+export default defineNuxtConfig({
+   modules: ['@xleddyl/nuxt-cms'],
+   cms: {
+      database: {
+         driver: 'sqlite', // 'sqlite' | 'postgres' (with `url`) | 'libsql' (Turso/remote, with `url` + `authToken`)
+         path: 'data/cms.db',
+      },
+      i18n: {
+         locales: ['en', 'it'],
+         defaultLocale: 'en',
+      },
+   },
+})
+```
+
+Then declare your content types in a `cms.config.ts` at the project root with `defineCmsConfig()`.
+
+### Environment variables
+
+Every secret maps to runtime config, so it can be set as an env var instead of in `nuxt.config.ts`:
+
+| Variable | Required | Purpose |
+| --- | --- | --- |
+| `NUXT_CMS_ADMIN_EMAIL` | yes | admin login email |
+| `NUXT_CMS_ADMIN_PASSWORD` | yes | admin login password |
+| `NUXT_SESSION_PASSWORD` | in production | session encryption key (32+ chars) |
+| `NUXT_CMS_DATABASE_URL` | with `postgres` / remote `libsql` | Postgres connection string or libSQL URL |
+| `NUXT_CMS_DATABASE_AUTH_TOKEN` | with remote `libsql` | libSQL/Turso auth token |
+| `NUXT_CMS_MEDIA_ENDPOINT` | for media | S3-compatible endpoint |
+| `NUXT_CMS_MEDIA_REGION` | for media | S3 region (default `auto`) |
+| `NUXT_CMS_MEDIA_BUCKET` | for media | bucket name |
+| `NUXT_CMS_MEDIA_ACCESS_KEY_ID` | for media | S3 access key id |
+| `NUXT_CMS_MEDIA_SECRET_ACCESS_KEY` | for media | S3 secret access key |
+| `NUXT_PUBLIC_CMS_MEDIA_BASE_URL` | for media | public base URL for uploaded files |
+
+## Documentation
+
+Full documentation lives in [`docs/`](docs/README.md):
+
+- [Getting started](docs/getting-started.md) — install, configure, first content type, run.
+- [Configuration](docs/configuration.md) — every `cms.*` option and the `NUXT_CMS_*` env vars.
+- [Database](docs/database.md) — SQLite, Postgres and libSQL/Turso drivers, migrations, studio.
+- [Schema](docs/schema.md) — `defineCmsConfig`, entries, field types, relations, blocks, i18n.
+- [Querying content](docs/querying.md) — GraphQL API, `useCms` / `$cmsQuery`, filters, sorting, pagination.
+- [Admin panel & security](docs/admin.md) — pages, authentication, sessions, admin REST API.
+- [Media](docs/media.md) — S3-compatible storage, upload flow, allowed file types.
+
+## LLM guide
+
+[llm.txt](llm.txt) is a compact reference meant to be fed to an LLM: schema definition (`cms.config.ts`, field types, relations, blocks, i18n), the `useCms` / `$cmsQuery` composables and the generated GraphQL API (filters, sorting, pagination).
 
 ## Development
 

package/dist/module.d.mts

@@ -1,6 +1,7 @@
 import * as _nuxt_schema from '@nuxt/schema';
 
 type Dialect = 'sqlite' | 'postgres';
+type Driver = Dialect | 'libsql';
 
 interface ModuleOptions {
     configPath: string;
@@ -9,9 +10,10 @@ interface ModuleOptions {
         password: string;
     };
     database: {
-        driver?: Dialect;
+        driver?: Driver;
         path?: string;
         url?: string;
+        authToken?: string;
     };
     media: {
         endpoint: string;

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@xleddyl/nuxt-cms",
   "configKey": "cms",
-  "version": "0.1.10",
+  "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",
@@ -424,7 +410,8 @@ const module$1 = defineNuxtModule({
     database: {
       driver: "sqlite",
       path: "data/cms.db",
-      url: ""
+      url: "",
+      authToken: ""
     },
     media: {
       endpoint: "",
@@ -481,7 +468,11 @@ const module$1 = defineNuxtModule({
     const schemaTemplate = addTemplate({
       filename: "cms/schema.ts",
       write: true,
-      getContents: () => renderSchemaFile(cmsConfig, options.database.driver ?? "sqlite", resolveImport)
+      getContents: () => renderSchemaFile(
+        cmsConfig,
+        options.database.driver === "postgres" ? "postgres" : "sqlite",
+        resolveImport
+      )
     });
     nuxt.options.alias["#cms-tables"] = schemaTemplate.dst;
     addTemplate({
@@ -543,24 +534,16 @@ 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",
-      url: databaseUrl = ""
+      url: databaseUrl = "",
+      authToken: databaseAuthToken = ""
     } = options.database;
     nuxt.options.alias["#cms-db"] = resolver.resolve(
-      driver === "postgres" ? "./runtime/server/utils/db-postgres" : "./runtime/server/utils/db-sqlite"
+      driver === "postgres" ? "./runtime/server/utils/db-postgres" : driver === "libsql" ? "./runtime/server/utils/db-libsql" : "./runtime/server/utils/db-sqlite"
     );
-    const dialect = driver === "postgres" ? "postgresql" : "sqlite";
+    const dialect = driver === "postgres" ? "postgresql" : driver === "libsql" ? "turso" : "sqlite";
     const resolvedDbPath = isAbsolute(dbPath) ? dbPath : resolve(nuxt.options.rootDir, dbPath);
     const migrationsDir = resolve(nuxt.options.rootDir, `server/db/migrations/${driver}`);
     const relativeSchemaPath = relative(nuxt.options.rootDir, schemaTemplate.dst);
@@ -574,14 +557,14 @@ const module$1 = defineNuxtModule({
         `  dialect: '${dialect}',`,
         `  schema: '${toPosix(schemaTemplate.dst)}',`,
         `  out: '${toPosix(migrationsDir)}',`,
-        driver === "postgres" ? `  dbCredentials: { url: process.env.NUXT_CMS_DATABASE_URL ?? '${databaseUrl}' },` : `  dbCredentials: { url: '${toPosix(resolvedDbPath)}' },`,
+        driver === "postgres" ? `  dbCredentials: { url: process.env.NUXT_CMS_DATABASE_URL ?? '${databaseUrl}' },` : driver === "libsql" ? `  dbCredentials: { url: process.env.NUXT_CMS_DATABASE_URL ?? '${databaseUrl || `file:${toPosix(resolvedDbPath)}`}', authToken: process.env.NUXT_CMS_DATABASE_AUTH_TOKEN ?? '${databaseAuthToken}' || undefined },` : `  dbCredentials: { url: '${toPosix(resolvedDbPath)}' },`,
         `}`,
         ``
       ].join("\n")
     });
     addServerPlugin(
       resolver.resolve(
-        driver === "postgres" ? "./runtime/server/plugins/migrate-postgres" : "./runtime/server/plugins/migrate-sqlite"
+        driver === "postgres" ? "./runtime/server/plugins/migrate-postgres" : driver === "libsql" ? "./runtime/server/plugins/migrate-libsql" : "./runtime/server/plugins/migrate-sqlite"
       )
     );
     if (!nuxt.options.dev) {
@@ -612,6 +595,7 @@ const module$1 = defineNuxtModule({
       adminEmail: options.admin.email,
       adminPassword: options.admin.password,
       databaseUrl,
+      databaseAuthToken,
       dbPath: resolvedDbPath,
       migrationsDir,
       ...existingConfig,
@@ -657,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;
+    };
+};