chore(docs): cleanup

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

docs/components/home/nodes/Output.vue

@@ -1,21 +1,17 @@
 <script lang="ts" setup>
-import type { NodeProps } from '@vue-flow/core'
 import { Handle, Position } from '@vue-flow/core'
 
-interface RBGOutputNodeProps extends NodeProps {
+interface RBGOutputNodeProps {
   rgb: string
 }
 
-const props = defineProps<RBGOutputNodeProps>()
+defineProps<RBGOutputNodeProps>()
 </script>
 
 <template>
-  <div
-    :style="{ backgroundColor: props.rgb }"
-    class="px-6 py-2 rounded-xl text-white text-center min-w-[220px] border-2 border-white"
-  >
+  <div :style="{ backgroundColor: rgb }" class="px-6 py-2 rounded-xl text-white text-center min-w-[220px] border-2 border-white">
     <div class="text-xl font-bold">Color Output</div>
-    <div class="font-semibold">{{ props.rgb }}</div>
-    <Handle type="target" :position="Position.Left" />
+    <div class="font-semibold">{{ rgb }}</div>
+    <Handle type="target" :position="Position.Left" :style="{ left: '-6px', width: '12px', height: '12px' }" />
   </div>
 </template>