docs: update examples

docs/components/examples/multi/App.vue

@@ -5,6 +5,7 @@ import Flow from './Flow.vue'
 <template>
   <div class="multiflows">
     <Flow />
+
     <Flow />
   </div>
 </template>

docs/components/examples/multi/Flow.vue

@@ -1,6 +1,6 @@
 <script setup>
+import { Background, Panel, PanelPosition } from '@vue-flow/additional-components'
 import { VueFlow, isNode } from '@vue-flow/core'
-import { Background } from '@vue-flow/additional-components'
 import { ref } from 'vue'
 
 const elements = ref([
@@ -26,12 +26,12 @@ const updatePos = () =>
 </script>
 
 <template>
-  <VueFlow v-model="elements" :fit-view-on-init="true">
+  <VueFlow v-model="elements" fit-view-on-init>
     <Background />
 
-    <div style="position: absolute; right: 10px; top: 10px; z-index: 4">
+    <Panel :position="PanelPosition.TopRight">
       <button style="margin-right: 5px" @click="updatePos">update positions</button>
-      <button style="margin-right: 5px" @click="toggleClass">toggle class</button>
-    </div>
+      <button @click="toggleClass">toggle class</button>
+    </Panel>
   </VueFlow>
 </template>