chore: setup linting

app/src/lib/node-store/DraggableNode.svelte

@@ -1,39 +1,44 @@
 <script lang="ts">
-  import NodeHtml from "$lib/graph-interface/node/NodeHTML.svelte";
-  import type { NodeDefinition, NodeId, NodeInstance } from "@nodarium/types";
+  import NodeHtml from '$lib/graph-interface/node/NodeHTML.svelte';
+  import type { NodeDefinition, NodeId, NodeInstance } from '@nodarium/types';
+  import { onMount } from 'svelte';
 
   const { node }: { node: NodeDefinition } = $props();
 
   let dragging = $state(false);
 
-  let nodeData = $state<NodeInstance>({
-    id: 0,
-    type: node.id as unknown as NodeId,
-    position: [0, 0] as [number, number],
-    props: {},
-    state: {
-      type: node,
-    },
-  });
+  let nodeData = $state<NodeInstance>(null!);
 
   function handleDragStart(e: DragEvent) {
     dragging = true;
     const box = (e?.target as HTMLElement)?.getBoundingClientRect();
     if (e.dataTransfer === null) return;
-    e.dataTransfer.effectAllowed = "move";
-    e.dataTransfer.setData("data/node-id", node.id.toString());
-    if (nodeData.props) {
-      e.dataTransfer.setData("data/node-props", JSON.stringify(nodeData.props));
+    e.dataTransfer.effectAllowed = 'move';
+    e.dataTransfer.setData('data/node-id', node.id.toString());
+    if (nodeData?.props) {
+      e.dataTransfer.setData('data/node-props', JSON.stringify(nodeData.props));
     }
     e.dataTransfer.setData(
-      "data/node-offset-x",
-      Math.round(box.left - e.clientX).toString(),
+      'data/node-offset-x',
+      Math.round(box.left - e.clientX).toString()
     );
     e.dataTransfer.setData(
-      "data/node-offset-y",
-      Math.round(box.top - e.clientY).toString(),
+      'data/node-offset-y',
+      Math.round(box.top - e.clientY).toString()
     );
   }
+
+  onMount(() => {
+    nodeData = {
+      id: 0,
+      type: node.id as unknown as NodeId,
+      position: [0, 0] as [number, number],
+      props: {},
+      state: {
+        type: node
+      }
+    };
+  });
 </script>
 
 <div class="node-wrapper" class:dragging>
@@ -46,7 +51,7 @@
     tabindex="0"
     ondragstart={handleDragStart}
   >
-    <NodeHtml bind:node={nodeData} inView={true} position={"relative"} z={5} />
+    <NodeHtml bind:node={nodeData} inView={true} position="relative" z={5} />
   </div>
 </div>