chore(docs): cleanup connection radius example
This commit is contained in:
@@ -1,9 +1,9 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import { VueFlow } from '@vue-flow/core'
|
|
||||||
import { ref } from 'vue'
|
import { ref } from 'vue'
|
||||||
|
import { VueFlow } from '@vue-flow/core'
|
||||||
import ConnectionLine from './SnappableConnectionLine.vue'
|
import ConnectionLine from './SnappableConnectionLine.vue'
|
||||||
|
|
||||||
const elements = ref([
|
const nodes = ref([
|
||||||
{
|
{
|
||||||
id: '1',
|
id: '1',
|
||||||
label: 'Node 1',
|
label: 'Node 1',
|
||||||
@@ -23,7 +23,7 @@ const elements = ref([
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<VueFlow v-model="elements" :connection-radius="30" auto-connect fit-view-on-init>
|
<VueFlow :nodes="nodes" :connection-radius="30" auto-connect fit-view-on-init>
|
||||||
<template #connection-line="{ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition }">
|
<template #connection-line="{ sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition }">
|
||||||
<ConnectionLine
|
<ConnectionLine
|
||||||
:source-x="sourceX"
|
:source-x="sourceX"
|
||||||
|
|||||||
Reference in New Issue
Block a user