use unref instead of value to simplify testing

client/src/composables/workflowStores.ts

@@ -1,4 +1,4 @@
-import { inject, onScopeDispose, provide, type Ref, ref } from "vue";
+import { inject, onScopeDispose, provide, type Ref, ref, unref } from "vue";
 
 import { useConnectionStore } from "@/stores/workflowConnectionStore";
 import { useWorkflowCommentStore } from "@/stores/workflowEditorCommentStore";
@@ -55,19 +55,20 @@ export function provideScopedWorkflowStores(workflowId: Ref<string> | string) {
  * @returns workflow stores
  */
 export function useWorkflowStores() {
-    const workflowId = inject("workflowId") as Ref<string>;
+    const workflowId = inject("workflowId") as Ref<string> | string;
+    const id = unref(workflowId);
 
-    if (typeof workflowId?.value !== "string") {
+    if (typeof id !== "string") {
         throw new Error(
             "Workflow ID not provided by parent component. Use `provideScopedWorkflowStores` on a parent component."
         );
     }
 
-    const connectionStore = useConnectionStore(workflowId.value);
-    const stateStore = useWorkflowStateStore(workflowId.value);
-    const stepStore = useWorkflowStepStore(workflowId.value);
-    const commentStore = useWorkflowCommentStore(workflowId.value);
-    const toolbarStore = useWorkflowEditorToolbarStore(workflowId.value);
+    const connectionStore = useConnectionStore(id);
+    const stateStore = useWorkflowStateStore(id);
+    const stepStore = useWorkflowStepStore(id);
+    const commentStore = useWorkflowCommentStore(id);
+    const toolbarStore = useWorkflowEditorToolbarStore(id);
 
     return {
         connectionStore,