chore(docs): replace default-zoom with defaut-viewport

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

docs/components/examples/basic/App.vue

@@ -64,7 +64,7 @@ const toggleClass = () => (dark.value = !dark.value)
 </script>
 
 <template>
-  <VueFlow v-model="elements" :class="{ dark }" class="basicflow" :default-zoom="1.5" :min-zoom="0.2" :max-zoom="4">
+  <VueFlow v-model="elements" :class="{ dark }" class="basicflow" :default-viewport="{ zoom: 1.5 }" :min-zoom="0.2" :max-zoom="4">
     <Background :pattern-color="dark ? '#FFFFFB' : '#aaa'" gap="8" />
     <MiniMap />
     <Controls />

docs/components/examples/custom-node/App.vue

@@ -105,7 +105,7 @@ onMounted(() => {
     :class="[gradient ? 'animated-bg-gradient' : '']"
     :style="{ backgroundColor: bgColor }"
     :connection-line-style="connectionLineStyle"
-    :default-zoom="1.5"
+    :default-viewport="{ zoom: 1.5 }"
     fit-view-on-init
   >
     <template #node-custom="{ data }">

docs/components/examples/horizontal/App.vue

@@ -18,7 +18,7 @@ onConnect((params) => addEdges([params]))
     v-model="elements"
     class="basicflow"
     :default-edge-options="{ type: 'smoothstep' }"
-    :default-zoom="1.5"
+    :default-viewport="{ zoom: 1.5 }"
     :min-zoom="0.2"
     :max-zoom="4"
     fit-view-on-init

docs/components/examples/intersection/App.vue

@@ -22,5 +22,5 @@ onNodeDrag(({ intersections }) => {
 </script>
 
 <template>
-  <VueFlow v-model="elements" fit-view-on-init :default-zoom="1.5" :min-zoom="0.2" :max-zoom="4" />
+  <VueFlow v-model="elements" fit-view-on-init :default-viewport="{ zoom: 1.5 }" :min-zoom="0.2" :max-zoom="4" />
 </template>