waltersilvacruz/vue3-organization-chart ? reverse-engineered prompt
Reverse engineered prompt
Build me a Vue 3 organization chart component that I can drop into an app and feed with a simple JSON tree. It should render a clean hierarchy of people or teams, with a top node and children underneath, and it should work with nested data like an org chart or any tree style structure.
I want basic interactions too, like optional panning by dragging, optional zoom with the mouse wheel, and a click event when someone selects a node so I can react to it in my app. Please make the node content customizable with a slot so I can change how each person card looks if I need to. Keep it simple to use, with a clear example in the README, and include the styles needed so it works right after import. If you need to check current Vue 3 docs or best practices, look them up online.
Are you gonna build this?
make sure you review the code using coderabbit