Add GraphQL formatter for nested_groups_projects_list.vue

Peter Hegmanrequested to merge
add-formatter-for-nested-groups-and-projects into master

What does this MR do and why?

Needed for Setup Vue app, "Subgroups and projects" and "In... (#516305 - closed)

We have been working to migrate all group and project lists from HAML/Vanilla JS or older Vue components to some shared Vue components we have developed. Currently we are working on the group overview page which shows a nested structure of subgroups and projects. We have group and project formatters for GraphQL responses that format the the data for the components but we don't have one for the nested group and project structure yet. This MR refactors these formatters so they can also be used for the nested group and project structure.

References

Screenshots or screen recordings

No visual changes, below show that migrated pages still work without console errors

Your work -> Projects

Screenshot_2025-08-25_at_1.57.40_PM

Your work -> Groups

Screenshot_2025-08-25_at_1.58.20_PM

Admin groups

Screenshot_2025-08-25_at_1.59.55_PM

Admin projects

Screenshot_2025-08-25_at_1.59.15_PM

How to set up and validate locally

No visual changes, verify via specs

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Peter Hegman

Merge request reports