\n \u003C/UTooltip>\n \u003Ctemplate #body>\n \u003Cdiv class=\"relative w-full h-[75vh]\">\n \u003CVueFlow v-if=\"isModalOpen\" :nodes=\"nodes\" :edges=\"edges\" :nodes-connectable=\"nodesConnectable\" @nodes-initialized=\"layoutGraph\" />\n \u003C/div>\n \u003C/template>\n \u003C/UModal>\n \u003C/ClientOnly>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nimport { ref, } from 'vue';\nimport { useVueFlow, type Edge, type Node } from '@vue-flow/core'\n\nconst config = useRuntimeConfig();\n\n// Define the props with TypeScript\nconst { treeData } = defineProps\u003C{\n treeData: Array\u003CArray\u003Cnumber>>;\n prefix: string;\n}>();\n\nconst nodesConnectable = ref(false)\nconst isModalOpen = ref(false)\nconst hasParsedPaths = ref(false); // Flag to track if paths have been parsed\n\nconst nodes = ref\u003CNode[]>([]);\nconst edges = ref\u003CEdge[]>([]);\nconst { layout } = useLayout();\nconst { fitView, updateNodeInternals } = useVueFlow();\n\nfunction toggleModelState(event: boolean) {\n if (event === true) {\n // Workaround to fix issue with connectors/edges after transition has finisehd\n //\n setTimeout(() => {\n updateNodeInternals(); // re-calculate node positions\n }, 250);\n }\n isModalOpen.value = event;\n}\n\nasync function layoutGraph(): Promise\u003Cvoid> {\n nodes.value = layout(nodes.value, edges.value);\n await nextTick(() => {\n fitView();\n });\n}\n\u003C/script>\n\n```",[2953,2954,2955],{"name":2915,"color":2916},{"name":2890,"color":2891},{"name":2956,"color":2957},"triage","ffffff",4149,"Modal Component @after:enter event","2025-05-23T10:39:54Z","https://github.com/nuxt/ui/issues/4149",0.78174174,{"description":2964,"labels":2965,"number":2969,"owner":2868,"repository":2905,"state":2906,"title":2970,"updated_at":2971,"url":2972,"score":2973},"https://volta.s3.fr-par.scw.cloud/Screenshot_2022_04_26_at_15_17_43_ca013064d2.mp4\n",[2966],{"name":2967,"color":2968},"bug","ff281a",407,"`CMD+B` in editor should not open the branch modal","2022-04-26T14:28:31Z","https://github.com/nuxt/nuxt.com/issues/407",0.78203267,["Reactive",2975],{},["Set"],["ShallowReactive",2978],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fuMXWXTf_zSecxjb7HhhZxTMw0sKr7qhMc9v88Qt1J0M":-1},"/nuxt/nuxt.com/1099"]