Enable Vue 3 migration rollout for group Duo show page

What does this MR do and why?

Enables the Vue 3 migration rollout for the group GitLab Duo show (home) entrypoint (ee/app/assets/javascripts/pages/groups/settings/gitlab_duo/show, app GitlabDuoHomePage).

This uses the vue3_migration.yml mechanism (recommended Option 1) to opt the page's entrypoint into Vue 3 behind a feature flag.

What changed

  • Added config/feature_flags/beta/vue3_migrate_group_duo_show.yml
  • Added ee/app/assets/javascripts/pages/groups/settings/gitlab_duo/show/vue3_migration.yml with status: rollout

Verification

  • Page tested and working as expected

  • Page built correctly with Vue3

Screenshot_2026-08-20_at_3.53.58_pm

How to set up and validate locally

  1. Ensure you are on Vue 3 by following these instructions
  2. Restart Vite: gdk restart vite
  3. Enable the feature flag: Feature.enable(:vue3_migrate_group_duo_show)
  4. Navigate to Group Settings > GitLab Duo
  5. Open the browser console and confirm the message: [gitlab] [V] Using Vue.js 3 (with @vue/compat) for GitlabDuoHomePage
  6. Confirm document.querySelectorAll('[data-gitlab-vue3-app]') returns the app
  7. Verify the page renders and functions correctly

References

Edited by Julie Huang

Merge request reports

Loading
Loading