update(examples): correct examples

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
Braks
2021-12-20 19:29:52 +01:00
parent b12863f297
commit 445718d6f4
32 changed files with 206 additions and 397 deletions
+4 -7
View File
@@ -1,13 +1,10 @@
<script lang="ts" setup>
import { useVueFlow } from '~/index'
const store = useVueFlow()
const nodes = computed(() => store.getNodes)
const transform = computed(() => store.transform)
const { nodesSelectionActive, addSelectedNodes, getNodes, transform } = useVueFlow()
const selectAll = () => {
store.addSelectedNodes(nodes.value)
store.unsetUserSelection()
addSelectedNodes(getNodes.value)
nodesSelectionActive.value = true
}
</script>
<template>
@@ -18,7 +15,7 @@ const selectAll = () => {
<div class="title">Zoom & pan transform</div>
<div class="transform">{{ [transform[0].toFixed(2), transform[1].toFixed(2), transform[2].toFixed(2)] }}</div>
<div class="title">Nodes</div>
<div v-for="node of nodes" :key="node.id">
<div v-for="node of getNodes" :key="node.id">
Node {{ node.id }} - x: {{ node.position.x.toFixed(2) }}, y: {{ node.position.y.toFixed(2) }}
</div>