Setup Vue app, "Subgroups and projects" and "Inactive" tabs
Implementation guide
- Introduce a new feature flag (
groups_overview_shared_vue_components) - Check feature flag in app/views/groups/show.html.haml#L26 and render Vue app if it is enabled
- Use https://gitlab.com/gitlab-org/gitlab/-/blob/master/app/assets/javascripts/groups/your_work/components/app.vue#L33 as a starting point for the implementation.
- Move app/assets/javascripts/groups/your_work/graphql/resolvers.js#L25 to shared location so it can be used in multiple places.
- For first iteration only the active tab should have a tab count. This should work out of the box if you add a
countfield to the GraphQL query. This can be done via a resolver similar to app/assets/javascripts/groups/your_work/graphql/resolvers.js
Edited by Peter Hegman