@blokkli/editor 2.0.0-alpha.4 → 2.0.0-alpha.7

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "blokkli",
   "configKey": "blokkli",
-  "version": "2.0.0-alpha.4",
+  "version": "2.0.0-alpha.7",
   "compatibility": {
     "nuxt": "^3.15.0"
   },

package/dist/module.mjs

@@ -13,7 +13,7 @@ import { BK_VISIBLE_LANGUAGES, BK_HIDDEN_GLOBALLY } from '../dist/runtime/helper
 import fs from 'node:fs';
 import { defu, createDefu } from 'defu';
 
-const version = "2.0.0-alpha.4";
+const version = "2.0.0-alpha.7";
 
 function sortObjectKeys(obj) {
   if (Array.isArray(obj)) {
@@ -6345,6 +6345,9 @@ declare const adapter: BlokkliAdapterFactory<any>
 
 export default adapter
 `;
+  },
+  {
+    write: true
   }
 );
 
@@ -6353,7 +6356,7 @@ const styles = defineFileTemplate("styles.css", (ctx) => {
     "./runtime/css/output.css"
   );
   return `
-@import url("${relative(ctx.helper.paths.blokkliBuildDir, cssFilePath)}");
+@import url("${cssFilePath}");
 
 ${ctx.theme.css}
 `;

package/dist/runtime/blokkliPlugins/ContextMenu/index.vue.d.ts

@@ -1,30 +1,13 @@
 import type { ContextMenu } from '#blokkli/types';
-import ContextMenuMenu from './Menu/index.vue.js';
 type __VLS_Props = {
     id: string;
     menu: ContextMenu[];
     tag?: string;
 };
-declare const ui: import("../../helpers/uiProvider.js").UiProvider;
-declare const isVisible: import("vue").ComputedRef<boolean>;
-declare const x: import("vue").Ref<number, number>;
-declare const y: import("vue").Ref<number, number>;
-declare const onContextMenu: (e: MouseEvent) => void;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_10: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    ContextMenuMenu: typeof ContextMenuMenu;
-    ui: typeof ui;
-    isVisible: typeof isVisible;
-    x: typeof x;
-    y: typeof y;
-    onContextMenu: typeof onContextMenu;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    tag: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     tag: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/blokkliPlugins/DebugOverlay/index.vue.d.ts

@@ -2,15 +2,10 @@ type __VLS_Props = {
     id: string;
     title: string;
 };
-declare const isVisible: import("vue").ComputedRef<boolean | undefined>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_5: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_5) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    isVisible: typeof isVisible;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: 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: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/blokkliPlugins/DroppableEdit/index.vue.d.ts

@@ -1,4 +1,3 @@
-import { FormOverlay } from '#blokkli/components';
 import type { BlokkliIcon } from '#blokkli-build/icons';
 import type { DroppableEntityField } from '#blokkli/types';
 type __VLS_Props = {
@@ -7,26 +6,10 @@ type __VLS_Props = {
     icon: BlokkliIcon;
     entityType: string;
 };
-declare const $t: import("../../helpers/textProvider.js").TextProvider;
-declare const isVisible: import("vue").Ref<boolean, boolean>;
-declare const onClose: () => void;
-declare const onSubmit: () => void;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_18: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_18) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    FormOverlay: typeof FormOverlay;
-    $t: typeof $t;
-    isVisible: typeof isVisible;
-    onClose: typeof onClose;
-    onSubmit: typeof onSubmit;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    save: (data: DroppableEntityField) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSave?: ((data: DroppableEntityField) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     save: (data: DroppableEntityField) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{

package/dist/runtime/blokkliPlugins/ItemAction/index.vue.d.ts

@@ -69,11 +69,12 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 }> & Readonly<{
     onClick?: ((items: DraggableExistingBlock[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    icon?: ((props: {}) => any) | undefined;
-    default?: ((props: {
+    icon?: (props: {}) => any;
+} & {
+    default?: (props: {
         items: DraggableExistingBlock[];
         uuids: string[];
-    }) => any) | undefined;
+    }) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/blokkliPlugins/ItemDropdown/index.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     title: string;
     enabled: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
+    default?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/blokkliPlugins/MenuButton/index.vue.d.ts

@@ -22,7 +22,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 }> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
+    default?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/blokkliPlugins/Sidebar/Detached/index.vue.d.ts

@@ -1,4 +1,3 @@
-import { Icon, ViewportBlockingRect, ScrollBoundary } from '#blokkli/components';
 import type { BlokkliIcon } from '#blokkli-build/icons';
 type __VLS_Props = {
     id: string;
@@ -12,64 +11,16 @@ type __VLS_Props = {
     };
     isLeft?: boolean;
 };
-declare function onPointerMove(e: PointerEvent): void;
-declare const isMinimized: import("vue").WritableComputedRef<boolean, boolean>;
-declare const storageKey: import("vue").ComputedRef<string>;
-declare const focusedSidebar: import("vue").WritableComputedRef<string, string>;
-type MouseMode = 'move' | 'resize-right' | 'resize-bottom' | 'resize-bottom-right' | '';
-declare const isResizing: import("vue").ComputedRef<boolean>;
-declare const userWidth: import("vue").Ref<number, number>;
-declare const userHeight: import("vue").Ref<number, number>;
-declare const style: import("vue").ComputedRef<{
-    transform: string;
-    zIndex: number;
-}>;
-declare const innerStyle: import("vue").ComputedRef<{
-    width: string;
-    height: string | number;
-}>;
-declare const onFocus: () => void;
-declare const onMouseDown: (e: MouseEvent, mode: MouseMode) => void;
-declare const el: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_16: {}, __VLS_30: {
     width: number;
     height: number;
     isResizing: boolean;
 };
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_16) => any;
 } & {
     default?: (props: typeof __VLS_30) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    Icon: typeof Icon;
-    ViewportBlockingRect: typeof ViewportBlockingRect;
-    ScrollBoundary: typeof ScrollBoundary;
-    onPointerMove: typeof onPointerMove;
-    isMinimized: typeof isMinimized;
-    storageKey: typeof storageKey;
-    focusedSidebar: typeof focusedSidebar;
-    isResizing: typeof isResizing;
-    userWidth: typeof userWidth;
-    userHeight: typeof userHeight;
-    style: typeof style;
-    innerStyle: typeof innerStyle;
-    onFocus: typeof onFocus;
-    onMouseDown: typeof onMouseDown;
-    el: typeof el;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
-}>, {
-    size: {
-        width: number;
-        height: number;
-    };
-    minWidth: number;
-    minHeight: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{

package/dist/runtime/blokkliPlugins/Sidebar/index.vue.d.ts

@@ -57,9 +57,13 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     minHeight: number;
     region: "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    icon?: (((props: {}) => any) & ((props: {}) => any)) | undefined;
-    badge?: ((props: {}) => any) | undefined;
-    default?: (((props: {
+    icon?: (props: {}) => any;
+} & {
+    badge?: (props: {}) => any;
+} & {
+    icon?: (props: {}) => any;
+} & {
+    default?: (props: {
         key: string;
         scrolledToEnd: boolean;
         isDetached: true;
@@ -67,7 +71,9 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
         height: number;
         toggleSidebar: () => void;
         isResizing: boolean;
-    }) => any) & ((props: {
+    }) => any;
+} & {
+    default?: (props: {
         key: string;
         scrolledToEnd: boolean;
         isDetached: false;
@@ -75,7 +81,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
         height: undefined;
         toggleSidebar: () => void;
         isResizing: boolean;
-    }) => any)) | undefined;
+    }) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/blokkliPlugins/ToolbarButton/index.vue.d.ts

@@ -38,7 +38,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 }> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
+    default?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/blokkliPlugins/TourItem/index.vue.d.ts

@@ -4,12 +4,10 @@ type __VLS_Props = {
     text: string;
     selector?: string;
 };
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: 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_component: 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: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/blokkliPlugins/ViewOption/index.vue.d.ts

@@ -26,10 +26,11 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 }> & Readonly<{
     "onUpdate:modelValue"?: ((data: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    icon?: ((props: {}) => any) | undefined;
-    default?: ((props: {
+    icon?: (props: {}) => any;
+} & {
+    default?: (props: {
         isActive: boolean;
-    }) => any) | undefined;
+    }) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/BlokkliItem.vue

@@ -23,7 +23,9 @@ import {
   provide,
   useRuntimeConfig,
   inject,
-  defineAsyncComponent
+  defineAsyncComponent,
+  getCurrentInstance,
+  onMounted
 } from "#imports";
 import { getComponent } from "#blokkli/helpers/imports";
 import {
@@ -45,6 +47,7 @@ const componentProps = defineProps({
   parentType: { type: String, required: false, default: "" },
   isEditing: { type: Boolean, required: false, default: false }
 });
+const instance = componentProps.isEditing ? getCurrentInstance() : null;
 const isProxyMode = inject(INJECT_FIELD_PROXY_MODE, false);
 const fieldUsesProxy = inject(INJECT_FIELD_USES_PROXY, false);
 const isGlobalProxyMode = inject(

package/dist/runtime/components/Edit/Actions/index.vue

@@ -75,7 +75,7 @@ import {
 import { onlyUnique, findIdealRectPosition, falsy } from "#blokkli/helpers";
 import { ItemIcon, Icon } from "#blokkli/components";
 import onBlokkliEvent from "#blokkli/helpers/composables/onBlokkliEvent";
-const { selection, $t, types, state, ui, dom, definitions } = useBlokkli();
+const { selection, $t, types, state, ui, dom, definitions, debug } = useBlokkli();
 const editingEnabled = computed(
   () => state.editMode.value === "editing" || state.editMode.value === "translating"
 );
@@ -100,6 +100,9 @@ const title = computed(() => {
   if (ui.transformLabel.value) {
     return ui.transformLabel.value;
   }
+  if (debug.isEnabled.value && selection.uuids.value.length === 1) {
+    return selection.uuids.value[0];
+  }
   if (itemBundle.value) {
     if (itemBundle.value.id === "blokkli_fragment") {
       const fragments = selection.uuids.value.map((uuid) => {

package/dist/runtime/components/Edit/BlockProxy/index.vue

@@ -34,6 +34,7 @@ import { computed, useBlokkli, ref } from "#imports";
 import { getBlokkliItemProxyComponent } from "#blokkli/helpers/editComponents";
 import { ItemIcon } from "#blokkli/components";
 import { buildAttributesForLibraryItem, falsy } from "#blokkli/helpers";
+import { useBlockRegistration } from "#blokkli/helpers/composables/useBlockRegistration";
 const props = defineProps({
   uuid: { type: String, required: true },
   bundle: { type: String, required: true },
@@ -63,7 +64,7 @@ const rootProps = computed(() => {
 const proxyBundle = computed(
   () => libraryItemProps.value?.block?.bundle || props.bundle
 );
-const { types, runtimeConfig, definitions } = useBlokkli();
+const { types, runtimeConfig, definitions, dom } = useBlokkli();
 const root = ref(null);
 const type = computed(() => types.getBlockBundleDefinition(proxyBundle.value));
 const proxyComponent = getBlokkliItemProxyComponent(proxyBundle.value);
@@ -89,4 +90,5 @@ const fieldLayout = computed(() => {
   }
   return types.fieldConfig.forEntityTypeAndBundle(runtimeConfig.itemEntityType, proxyBundle.value).map((config) => [config]);
 });
+useBlockRegistration(dom, props.uuid);
 </script>

package/dist/runtime/components/Edit/BlokkliErrorBoundary.vue.d.ts

@@ -1,18 +1,7 @@
-import { Icon } from '#blokkli/components';
-declare const errors: import("vue").Ref<Error[], Error[]>;
-declare const $t: import("#blokkli/helpers/textProvider").TextProvider;
-declare const unique: import("vue").ComputedRef<Error[]>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<{}, {
-    Icon: typeof Icon;
-    errors: typeof errors;
-    $t: typeof $t;
-    unique: typeof unique;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/Edit/Dialog/index.vue.d.ts

@@ -34,7 +34,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     submitLabel: string;
     canSubmit: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
+    default?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/Edit/EditProvider.vue

@@ -94,6 +94,7 @@ import {
   INJECT_GLOBAL_PROXY_MODE,
   INJECT_IS_EDITING
 } from "#blokkli/helpers/symbols";
+import { useBlockRegistration } from "#blokkli/helpers/composables/useBlockRegistration";
 const props = defineProps({
   entity: { type: null, required: false, default: void 0 },
   entityType: { type: String, required: true },
@@ -184,7 +185,8 @@ provide(INJECT_EDIT_CONTEXT, {
   eventBus,
   mutatedOptions: state.mutatedOptions,
   dom,
-  definitions
+  definitions,
+  useBlockRegistration
 });
 provide(INJECT_APP, {
   adapter,

package/dist/runtime/components/Edit/Features/DraggingOverlay/DropTargets/index.vue.d.ts

@@ -1,4 +1,4 @@
-import type { DropTargetEvent, BlokkliFieldElement, DraggableItem, Rectangle } from '#blokkli/types';
+import type { DropTargetEvent, DraggableItem, Rectangle } from '#blokkli/types';
 type __VLS_Props = {
     items: DraggableItem[];
     box: Rectangle;
@@ -6,142 +6,13 @@ type __VLS_Props = {
     mouseY: number;
     isTouch: boolean;
 };
-type Orientation = 'horizontal' | 'vertical';
-type FieldRectChild = Rectangle & {
-    id: string;
-    label: string;
-};
-type FieldRect = Rectangle & {
-    key: string;
-    field: BlokkliFieldElement;
-    label: string;
-    canAddChildren: boolean;
-    emptyChild?: FieldRectChild;
-    orientation: Orientation;
-    gap: number;
-    childrenElements: HTMLElement[];
-};
-type DrawnRect = Rectangle & {
-    id: string;
-    type: 'field' | 'drop-area' | 'active-area';
-    label: string;
-    color: string;
-    colorAlpha: string;
-    field?: FieldRect;
-    index: number;
-};
-declare const active: import("vue").Ref<{
-    width: number;
-    height: number;
-    x: number;
-    y: number;
-    id: string;
-    type: "field" | "drop-area" | "active-area";
-    label: string;
-    color: string;
-    colorAlpha: string;
-    field?: {
-        width: number;
-        height: number;
-        x: number;
-        y: number;
-        key: string;
-        field: {
-            key: string;
-            name: string;
-            label: string;
-            isNested: boolean;
-            nestingLevel: number;
-            fieldListType: import("#blokkli-build/generated-types").ValidFieldListTypes;
-            hostEntityType: string;
-            hostEntityBundle: string;
-            hostEntityUuid: string;
-            allowedBundles: string[];
-            allowedFragments: string[];
-            cardinality: number;
-            element: HTMLElement;
-            dropAlignment?: "vertical" | "horizontal" | undefined;
-        };
-        label: string;
-        canAddChildren: boolean;
-        emptyChild?: {
-            width: number;
-            height: number;
-            x: number;
-            y: number;
-            id: string;
-            label: string;
-        } | undefined;
-        orientation: Orientation;
-        gap: number;
-        childrenElements: HTMLElement[];
-    } | undefined;
-    index: number;
-} | null, DrawnRect | {
-    width: number;
-    height: number;
-    x: number;
-    y: number;
-    id: string;
-    type: "field" | "drop-area" | "active-area";
-    label: string;
-    color: string;
-    colorAlpha: string;
-    field?: {
-        width: number;
-        height: number;
-        x: number;
-        y: number;
-        key: string;
-        field: {
-            key: string;
-            name: string;
-            label: string;
-            isNested: boolean;
-            nestingLevel: number;
-            fieldListType: import("#blokkli-build/generated-types").ValidFieldListTypes;
-            hostEntityType: string;
-            hostEntityBundle: string;
-            hostEntityUuid: string;
-            allowedBundles: string[];
-            allowedFragments: string[];
-            cardinality: number;
-            element: HTMLElement;
-            dropAlignment?: "vertical" | "horizontal" | undefined;
-        };
-        label: string;
-        canAddChildren: boolean;
-        emptyChild?: {
-            width: number;
-            height: number;
-            x: number;
-            y: number;
-            id: string;
-            label: string;
-        } | undefined;
-        orientation: Orientation;
-        gap: number;
-        childrenElements: HTMLElement[];
-    } | undefined;
-    index: number;
-} | null>;
-declare const activeColorHex: import("vue").ComputedRef<string>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_5: {
     color: string;
     label: string | undefined;
 };
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_5) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    active: typeof active;
-    activeColorHex: typeof activeColorHex;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    drop: (data: DropTargetEvent) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onDrop?: ((data: DropTargetEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     drop: (data: DropTargetEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{

package/dist/runtime/components/Edit/Features/Options/Form/Group.vue.d.ts

@@ -1,20 +1,11 @@
-import { Icon } from '#blokkli/components';
 type __VLS_Props = {
     label: string;
     isActive: boolean;
 };
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_5: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_5) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    Icon: typeof Icon;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    toggle: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onToggle?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     toggle: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{

package/dist/runtime/components/Edit/Features/ResponsivePreview/Frame/index.vue.d.ts

@@ -1,22 +1,11 @@
-import { Icon } from '#blokkli/components';
 type __VLS_Props = {
     detached?: boolean;
     isResizing?: boolean;
 };
-declare const isLoading: import("vue").Ref<boolean, boolean>;
-declare const iframe: import("vue").Ref<HTMLIFrameElement | null, HTMLIFrameElement | null>;
-declare const src: import("vue").ComputedRef<string>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_5: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_5) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    Icon: typeof Icon;
-    isLoading: typeof isLoading;
-    iframe: typeof iframe;
-    src: typeof src;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: 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: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/Edit/Form/Group/index.vue.d.ts

@@ -2,14 +2,12 @@ type __VLS_Props = {
     title?: string;
     horizontal?: boolean;
 };
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {}, __VLS_3: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     addon?: (props: typeof __VLS_1) => any;
 } & {
     default?: (props: typeof __VLS_3) => any;
-}>;
-declare const __VLS_self: 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_component: 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: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/Edit/Form/Item/index.vue.d.ts

@@ -1,9 +1,7 @@
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/Edit/FormOverlay/index.vue.d.ts

@@ -14,8 +14,9 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 }> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-    footer?: ((props: {}) => any) | undefined;
+    default?: (props: {}) => any;
+} & {
+    footer?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/Edit/RelativeTime/index.vue.d.ts

@@ -3,9 +3,9 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     timestamp: number;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {
+    default?: (props: {
         formatted: string;
-    }) => any) | undefined;
+    }) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/Edit/Resizable/index.vue.d.ts

@@ -3,7 +3,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     id: string;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
+    default?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/Edit/ScaleToFit/index.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     width?: number;
     maxHeight?: number;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
+    default?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/Edit/ScrollBoundary/index.vue.d.ts

@@ -4,15 +4,10 @@ type __VLS_Props = {
      */
     dragging?: boolean;
 };
-declare function onWheel(e: WheelEvent): void;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    onWheel: typeof onWheel;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: 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: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/Edit/Sortli/index.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     getDragItems?: (activeItem?: DraggableItem) => DraggableItem[] | null;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
+    default?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/Edit/ViewportBlockingRect/index.vue.d.ts

@@ -1,15 +1,10 @@
 type __VLS_Props = {
     id: string;
 };
-declare const el: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    el: typeof el;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: 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: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/composables/defineBlokkli.js

@@ -87,6 +87,9 @@ export function defineBlokkli(arg) {
     import.meta.hot.accept("#blokkli/helpers/runtimeHelpers", () => {
     });
   }
+  if (editContext?.useBlockRegistration && editContext.dom && bundle !== "from_library" && bundle !== "blokkli_fragment") {
+    editContext.useBlockRegistration(editContext.dom, uuid);
+  }
   return {
     uuid,
     index,

package/dist/runtime/composables/defineBlokkliFragment.js

@@ -1,4 +1,7 @@
-import { INJECT_FRAGMENT_CONTEXT } from "../helpers/symbols.js";
+import {
+  INJECT_EDIT_CONTEXT,
+  INJECT_FRAGMENT_CONTEXT
+} from "../helpers/symbols.js";
 import { inject, computed } from "#imports";
 export function defineBlokkliFragment(_config) {
   const ctx = inject(
@@ -18,5 +21,9 @@ export function defineBlokkliFragment(_config) {
       provider: computed(() => null)
     };
   }
+  const editContext = inject(INJECT_EDIT_CONTEXT, null);
+  if (editContext?.dom && editContext.useBlockRegistration) {
+    editContext.useBlockRegistration(editContext.dom, ctx.uuid);
+  }
   return ctx;
 }

package/dist/runtime/helpers/composables/useBlockRegistration.d.ts

@@ -0,0 +1,5 @@
+import type { DomProvider } from '../domProvider.js';
+/**
+ * Helper composable to handle registering the block in the DOM provider.
+ */
+export declare function useBlockRegistration(dom: DomProvider, uuid: string): void;

package/dist/runtime/helpers/composables/useBlockRegistration.js

@@ -0,0 +1,23 @@
+import {
+  getCurrentInstance,
+  onBeforeUnmount,
+  onMounted,
+  onUpdated
+} from "#imports";
+export function useBlockRegistration(dom, uuid) {
+  const instance = getCurrentInstance();
+  const key = uuid + Math.round(Math.random() * 1e10).toString() + Date.now().toString();
+  let rootElement = null;
+  function setRootElement() {
+    const newElement = instance?.proxy?.$el;
+    if (newElement && rootElement !== newElement) {
+      rootElement = newElement;
+      dom.registerBlock(key, uuid, newElement);
+    }
+  }
+  onMounted(setRootElement);
+  onUpdated(setRootElement);
+  onBeforeUnmount(() => {
+    dom.unregisterBlock(key, uuid);
+  });
+}

package/dist/runtime/helpers/domProvider.d.ts

@@ -20,6 +20,8 @@ export type DomProvider = {
      */
     getDropElementMarkup(item: DraggableItem, checkSize?: boolean): string;
     findField(entityUuid: string, fieldName: string): BlokkliFieldElement | undefined;
+    registerBlock: (key: string, uuid: string, el: HTMLElement | null) => void;
+    unregisterBlock: (key: string, uuid: string) => void;
     registerField: (entity: EntityContext, fieldName: string, instance: HTMLElement) => void;
     updateFieldElement: (entity: EntityContext, fieldName: string, element: HTMLElement) => void;
     unregisterField: (entity: EntityContext, fieldName: string) => void;

package/dist/runtime/helpers/domProvider.js

@@ -49,7 +49,6 @@ function rectWithTime(rect, time) {
   };
 }
 export default function(ui, debug, definitions) {
-  const artboardElement = ui.artboardElement();
   const logger = debug.createLogger("DomProvider");
   const mutationsReady = ref(true);
   const intersectionReady = ref(false);
@@ -57,6 +56,7 @@ export default function(ui, debug, definitions) {
   const visibleFields = /* @__PURE__ */ new Set();
   const blockRects = {};
   const fieldRects = {};
+  const blockUuidCurrentKey = {};
   let draggableBlockCache = {};
   const resizeObserver = new ResizeObserver(function(entries) {
     for (const entry of entries) {
@@ -360,66 +360,6 @@ export default function(ui, debug, definitions) {
   }
   const dragElementUuidMap = /* @__PURE__ */ new WeakMap();
   const dragElementCache = /* @__PURE__ */ new Map();
-  function handleNodeAdded(node) {
-    if (!(node instanceof HTMLElement)) {
-      return;
-    }
-    if (node.dataset.uuid) {
-      const item = buildDraggableItem(node);
-      if (item && item.itemType === "existing") {
-        const observableElement = getElementToObserve(
-          node,
-          item.itemBundle,
-          item.hostFieldListType,
-          item.hostBundle
-        );
-        intersectionObserver.observe(observableElement);
-        resizeObserver.observe(observableElement);
-        registeredBlocks[item.uuid] = node;
-      }
-    } else if (node.dataset.fieldName && node.dataset.fieldKey && node.dataset.fieldCardinality) {
-      const blocks = node.querySelectorAll('[data-element-type="existing"]');
-      for (const block of blocks) {
-        handleNodeAdded(block);
-      }
-    }
-  }
-  function handleNodeRemoved(node) {
-    if (node instanceof HTMLElement && node.dataset.uuid) {
-      const uuid = node.dataset.uuid;
-      const el = registeredBlocks[uuid];
-      if (el !== node) {
-        return;
-      }
-      if (el) {
-        intersectionObserver.unobserve(el);
-        resizeObserver.unobserve(el);
-        dragElementUuidMap.delete(el);
-      }
-      dragElementUuidMap.delete(node);
-      dragElementCache.delete(uuid);
-      registeredBlocks[uuid] = void 0;
-      delete blockRects[uuid];
-      visibleBlocks.delete(uuid);
-    }
-  }
-  const mutationObserverCallback = function(mutationsList) {
-    for (const mutation of mutationsList) {
-      if (mutation.type === "childList") {
-        for (const node of mutation.removedNodes) {
-          handleNodeRemoved(node);
-        }
-        for (const node of mutation.addedNodes) {
-          handleNodeAdded(node);
-        }
-      }
-    }
-  };
-  const mutationObserver = new MutationObserver(mutationObserverCallback);
-  mutationObserver.observe(artboardElement, {
-    subtree: true,
-    childList: true
-  });
   function getDragElement(block) {
     const cached = dragElementCache.get(block.uuid);
     if (cached && document.body.contains(cached)) {
@@ -429,9 +369,6 @@ export default function(ui, debug, definitions) {
     if (!el) {
       return;
     }
-    if (el.parentNode) {
-      mutationObserver.observe(el.parentNode, { childList: true });
-    }
     dragElementUuidMap.set(el, block.uuid);
     dragElementCache.set(block.uuid, el);
     return el;
@@ -439,6 +376,52 @@ export default function(ui, debug, definitions) {
   function isBlockVisible(uuid) {
     return visibleBlocks.has(uuid);
   }
+  function registerBlock(key, uuid, el) {
+    logger.log("registerBlock: " + uuid);
+    blockUuidCurrentKey[uuid] = key;
+    if (!el) {
+      logger.log("registerBlock call unregisterBlock because no element", uuid);
+      unregisterBlock(key, uuid);
+      return;
+    }
+    if (registeredBlocks[uuid]) {
+      logger.log(
+        "registerBlock call unregisterBlock because already registered",
+        uuid
+      );
+      unregisterBlock(key, uuid);
+    }
+    const item = buildDraggableItem(el);
+    if (item && item.itemType === "existing") {
+      const observableElement = getElementToObserve(
+        el,
+        item.itemBundle,
+        item.hostFieldListType,
+        item.hostBundle
+      );
+      intersectionObserver.observe(observableElement);
+      resizeObserver.observe(observableElement);
+      registeredBlocks[item.uuid] = el;
+    }
+  }
+  function unregisterBlock(key, uuid) {
+    const currentKey = blockUuidCurrentKey[uuid];
+    if (currentKey && currentKey !== key) {
+      return;
+    }
+    logger.log("unregisterBlock: " + uuid);
+    const el = registeredBlocks[uuid];
+    if (el) {
+      intersectionObserver.unobserve(el);
+      resizeObserver.unobserve(el);
+      dragElementUuidMap.delete(el);
+      dragElementUuidMap.delete(el);
+    }
+    dragElementCache.delete(uuid);
+    registeredBlocks[uuid] = void 0;
+    delete blockRects[uuid];
+    visibleBlocks.delete(uuid);
+  }
   return {
     findBlock,
     getAllBlocks,
@@ -462,6 +445,8 @@ export default function(ui, debug, definitions) {
     init,
     getDragElement,
     updateVisibleRects,
-    registeredFieldTypes
+    registeredFieldTypes,
+    registerBlock,
+    unregisterBlock
   };
 }

package/dist/runtime/types/index.d.ts

@@ -936,6 +936,7 @@ export type ItemEditContext = {
     mutatedOptions: MutatedOptions;
     dom?: DomProvider;
     definitions: DefinitionProvider;
+    useBlockRegistration?: (dom: DomProvider, uuid: string) => void;
 };
 export interface BlokkliApp {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blokkli/editor",
-  "version": "2.0.0-alpha.4",
+  "version": "2.0.0-alpha.7",
   "description": "Interactive page building experience for Nuxt",
   "repository": "blokkli/editor",
   "type": "module",
@@ -71,9 +71,9 @@
     "@ckeditor/ckeditor5-vue": "^7.0.0",
     "@nuxt/devtools": "latest",
     "@nuxt/eslint-config": "^1.3.0",
-    "@nuxt/kit": "^3.16.2",
+    "@nuxt/kit": "^3.17.2",
     "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/schema": "^3.16.2",
+    "@nuxt/schema": "^3.17.2",
     "@nuxt/test-utils": "^3.14.2",
     "@nuxtjs/tailwindcss": "^6.12.1",
     "@tailwindcss/forms": "^0.5.9",
@@ -89,7 +89,7 @@
     "eslint-plugin-tailwindcss": "^3.18.0",
     "gettext-parser": "^8.0.0",
     "happy-dom": "^15.7.4",
-    "nuxt": "^3.16.2",
+    "nuxt": "^3.17.2",
     "nuxt-graphql-middleware": "^5.0.0-alpha.18",
     "nuxt-svg-icon-sprite": "^2.0.0-alpha.1",
     "openai": "^4.59.0",