blech

src/webview/App.vue

@@ -3,11 +3,19 @@
     <TaskBar />
     <div class="border-b-1 border-vscode"></div>
     <div class="graph-container">
-      <Graph></Graph>
+      <Graph />
     </div>
   </div>
 </template>
 
+<script setup lang="ts">
+import { useVueFlow } from "@vue-flow/core";
+import Graph from "./Graph.vue";
+import TaskBar from "./components/TaskBar.vue";
+
+useVueFlow();
+</script>
+
 <style lang="scss">
 .container {
   flex: 1;
@@ -19,11 +27,3 @@
   flex: 1;
 }
 </style>
-
-<script setup lang="ts">
-import { useVueFlow } from "@vue-flow/core";
-import Graph from "./Graph.vue";
-import TaskBar from "./components/TaskBar.vue";
-
-useVueFlow();
-</script>

src/webview/components/ConnectionPopup.vue

@@ -34,16 +34,16 @@
 </template>
 
 <script setup lang="ts">
-import { NodeTypes } from "@/shared/node-types";
+import { computed, ref } from "vue";
 import { flip, useFloating } from "@floating-ui/vue";
 import { useVueFlow } from "@vue-flow/core";
 import { onClickOutside } from "@vueuse/core";
-import { computed, ref } from "vue";
-import { useConnectionPopup } from "../composables/useConnectionPopup";
-import useDragAndDrop from "../composables/useDnD";
-import { getId } from "../node-id";
-import { NODES } from "../nodes";
-import { useNodeStore } from "../store";
+import { NodeTypes } from "@/shared/node-types";
+import { useConnectionPopup } from "@/webview/composables/useConnectionPopup";
+import useDragAndDrop from "@/webview/composables/useDnD";
+import { getId } from "@/webview/node-id";
+import { NODES } from "@/webview/nodes";
+import { useNodeStore } from "@/webview/store";
 
 import NodeWrapper from "./NodeWrapper.vue";
 

src/webview/components/DropzoneBackground.vue

@@ -1,11 +1,11 @@
-<script lang="ts" setup>
-import { Background } from '@vue-flow/background'
-</script>
-
 <template>
   <div style="height: 100%; width: 100%">
     <Background>
       <slot />
     </Background>
   </div>
 </template>
+
+<script lang="ts" setup>
+import { Background } from '@vue-flow/background'
+</script>

src/webview/store.ts

@@ -3,9 +3,7 @@ import { defineStore } from "pinia";
 import { computed, ref } from "vue";
 
 export const useNodeStore = defineStore("nodes", () => {
-  const nodes = ref<Elements>([
-    //{ id: "1", type: "project", connectable: true, position: { x: 10, y: 5 } },
-  ]);
+  const nodes = ref<Elements>([]);
 
   const hasProjectNode = computed(() => nodes.value.findIndex((x) => x.type === "project") !== -1);