chore: lint files

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

docs/components/home/nodes/Input.vue

@@ -12,35 +12,50 @@ interface RGBNodeProps extends NodeProps {
     blue: number
   }
 }
+
 const props = defineProps<RGBNodeProps>()
+
 const emit = defineEmits(['change'])
-let color = 'red'
-switch (props.data?.color) {
-  case 'r':
-    color = 'red'
-    break
-  case 'g':
-    color = 'green'
-    break
-  case 'b':
-    color = 'blue'
-    break
+
+const currentColor = computed(() => {
+  let color
+
+  switch (props.data?.color) {
+    case 'r':
+      color = 'red'
+      break
+    case 'g':
+      color = 'green'
+      break
+    case 'b':
+      color = 'blue'
+      break
+    default:
+      color = 'red'
+  }
+
+  return color
+})
+
+function onChange(e: any) {
+  return emit('change', { color: currentColor.value, val: e.target.value })
 }
-const onChange = (e: any) => emit('change', { color, val: e.target.value })
 </script>
 
 <template>
   <div class="px-4 py-2 bg-white rounded-md border-2 border-solid border-black text-left transform scale-75 lg:scale-100">
-    <div class="text-md" :style="{ color }">{{ `${color} Amount`.toUpperCase() }}</div>
+    <div class="text-md" :style="{ color: currentColor }">{{ `${currentColor} Amount`.toUpperCase() }}</div>
+
     <input
-      v-model="props.amount[color]"
+      :model-value="amount[currentColor]"
       class="slider nodrag"
-      :style="{ '--color': color }"
+      :style="{ '--color': currentColor }"
       type="range"
       min="0"
       max="255"
       @input="onChange"
     />
+
     <Handle type="source" :position="Position.Right" :style="{ backgroundColor: color }" />
   </div>
 </template>