fix(viewpane): use resize observer to set viewpane dimensions

packages/vue-flow/src/container/Viewport/Viewport.vue

@@ -57,19 +57,15 @@ let transform = $ref({
   zoom: clampedZoom,
 })
 
-const { width, height } = useElementBounding(viewportEl)
+useResizeObserver(viewportEl, () => {
+  if (!viewportEl.value) return
 
-const stop = watch(
+  const { width, height } = getDimensions(viewportEl.value)
-  [width, height],
+  dimensions.width = width
-  ([newWidth, newHeight]) => {
+  dimensions.height = height
-    dimensions.width = newWidth
+})
-    dimensions.height = newHeight
-  },
-  { immediate: true },
-)
 
 const window = useWindow()
-if ('screen' in window) {
 useEventListener(window, 'resize', () => {
   if (!viewportEl.value) return
 
@@ -77,7 +73,6 @@ if ('screen' in window) {
   dimensions.width = width
   dimensions.height = height
 })
-}
 
 onBeforeUnmount(stop)