v-nuxt-ui 0.2.10 → 0.2.11

package/dist/module.json

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

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

@@ -224,19 +224,21 @@ 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);
+  setTimeout(() => {
+    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);
+  }, 200);
 });
 onBeforeUnmount(() => {
   resizeObserver?.disconnect();

package/package.json

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