From 67da35491711c1433c31dfbbe1b3df6a7e5731b4 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Sun, 9 Jun 2024 08:43:37 +0200
Subject: [PATCH] chore(docs): cleanup math example

---
 docs/examples/math/ValueNode.vue | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/docs/examples/math/ValueNode.vue b/docs/examples/math/ValueNode.vue
index d14a6951..802fe33a 100644
--- a/docs/examples/math/ValueNode.vue
+++ b/docs/examples/math/ValueNode.vue
@@ -1,22 +1,19 @@
 <script setup>
+import { computed } from 'vue'
 import { Handle, Position, useVueFlow } from '@vue-flow/core'
 
 const props = defineProps(['id', 'data'])
 
 const { updateNodeData } = useVueFlow()
 
-function onChange(event) {
-  const value = Number.parseFloat(event.target.value)
-
-  if (!Number.isNaN(value)) {
-    updateNodeData(props.id, { value })
-  }
-}
+const value = computed({
+  get: () => props.data.value,
+  set: (value) => updateNodeData(props.id, { value }),
+})
 </script>
 
 <template>
-  <label :for="`${id}-input`"> </label>
-  <input :id="`${id}-input`" :value="data.value" type="number" class="nodrag" @change="onChange" />
+  <input :id="`${id}-input`" v-model="value" type="number" class="nodrag" />
 
   <Handle type="source" :position="Position.Right" :connectable="false" />
 </template>