chore: lint files

docs/components/home/nodes/Box.vue

@@ -3,6 +3,7 @@ import { Handle, Position } from '@braks/vue-flow'
 
 const emit = defineEmits(['next'])
 </script>
+
 <template>
   <div class="px-4 py-2 shadow-lg rounded-md border-2 border-solid border-black">
     <slot />

docs/components/home/nodes/Input.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
-import { Handle, NodeProps, Position } from '@braks/vue-flow'
+import type { NodeProps } from '@braks/vue-flow'
+import { Handle, Position } from '@braks/vue-flow'
 
 interface RGBNodeProps extends NodeProps {
   data: {
@@ -27,6 +28,7 @@ switch (props.data?.color) {
 }
 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>

docs/components/home/nodes/Output.vue

@@ -1,15 +1,19 @@
 <script lang="ts" setup>
-import { Handle, NodeProps, Position } from "@braks/vue-flow";
+import type { NodeProps } from '@braks/vue-flow'
+import { Handle, Position } from '@braks/vue-flow'
 
 interface RBGOutputNodeProps extends NodeProps {
-  rgb: string;
+  rgb: string
 }
 
-const props = defineProps<RBGOutputNodeProps>();
+const props = 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: props.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" />