v-nuxt-ui 0.2.9 → 0.2.10

package/dist/module.json

@@ -7,7 +7,7 @@
   "dependencies": [
     "@nuxt/ui"
   ],
-  "version": "0.2.9",
+  "version": "0.2.10",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/flow/FlowEditor.client.d.vue.ts

@@ -27,13 +27,13 @@ type __VLS_Props = {
     fitViewPadding?: number;
     noFlowNodeBorder?: boolean;
 };
-declare var __VLS_21: {
+declare var __VLS_22: {
     data: any;
-}, __VLS_62: {};
+}, __VLS_63: {};
 type __VLS_Slots = {} & {
-    node?: (props: typeof __VLS_21) => any;
+    node?: (props: typeof __VLS_22) => any;
 } & {
-    default?: (props: typeof __VLS_62) => any;
+    default?: (props: typeof __VLS_63) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: Flow) => any;

package/dist/runtime/components/flow/FlowEditor.client.vue

@@ -220,11 +220,33 @@ const defaultEdgeOptions = computed(() => {
     animated: false
   };
 });
+const flowContainer = ref(null);
+let resizeObserver = null;
+let prevWidth = 0;
+onMounted(() => {
+  const el = flowContainer.value?.$el ?? flowContainer.value;
+  if (!el) return;
+  prevWidth = el.clientWidth;
+  resizeObserver = new ResizeObserver((entries) => {
+    const entry = entries[0];
+    if (!entry) return;
+    const newWidth = entry.contentRect.width;
+    if (newWidth !== prevWidth) {
+      prevWidth = newWidth;
+      nextTick(() => vueFlowFitView({ padding: props.fitViewPadding }));
+    }
+  });
+  resizeObserver.observe(el);
+});
+onBeforeUnmount(() => {
+  resizeObserver?.disconnect();
+});
 const isValidConnection = () => true;
 </script>
 
 <template>
   <VueFlow
+    ref="flowContainer"
     v-model:nodes="nodes"
     v-model:edges="edges"
     :default-zoom="defaultZoom"

package/dist/runtime/components/flow/FlowEditor.client.vue.d.ts

@@ -27,13 +27,13 @@ type __VLS_Props = {
     fitViewPadding?: number;
     noFlowNodeBorder?: boolean;
 };
-declare var __VLS_21: {
+declare var __VLS_22: {
     data: any;
-}, __VLS_62: {};
+}, __VLS_63: {};
 type __VLS_Slots = {} & {
-    node?: (props: typeof __VLS_21) => any;
+    node?: (props: typeof __VLS_22) => any;
 } & {
-    default?: (props: typeof __VLS_62) => any;
+    default?: (props: typeof __VLS_63) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: Flow) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "v-nuxt-ui",
-  "version": "0.2.9",
+  "version": "0.2.10",
   "description": "Veken UI Component Library - Reusable Nuxt UI components, composables, and utilities for enterprise applications",
   "type": "module",
   "style": "./dist/runtime/index.css",