chore(examples): update RGB examples

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

docs/components/home/edges/Custom.vue

@@ -41,15 +41,20 @@ export default {
 
 <template>
   <path
-    :id="id"
+    :id="`${id}-${data.color}`"
     class="vue-flow__edge-path"
-    :style="{ stroke: data?.color, strokeWidth: '3' }"
+    :style="{ stroke: data.color, strokeWidth: '3' }"
     :d="edgePath[0]"
     :marker-end="markerEnd"
   />
   <text>
-    <textPath :href="`#${id}`" :style="{ fontSize: '1.25rem', fill: 'white' }" startOffset="50%" text-anchor="middle">
-      {{ data?.text }}
+    <textPath
+      :href="`#${id}-${data.color}`"
+      :style="{ fontSize: '1.25rem', fill: 'white' }"
+      startOffset="50%"
+      text-anchor="middle"
+    >
+      {{ data.text }}
     </textPath>
   </text>
 </template>

docs/components/home/nodes/Input.vue

@@ -26,7 +26,7 @@ function onChange(e: InputEvent) {
     <div class="text-md font-semibold text-center" :style="{ color: currentColor }">{{ `${currentColor}`.toUpperCase() }}</div>
 
     <input
-      :model-value="amount[currentColor]"
+      :value="amount[currentColor]"
       class="slider nodrag"
       :style="{ '--color': currentColor }"
       type="range"