Enable Vue 3 migration rollout for instance model selection page
What does this MR do and why?
Enables the Vue 3 migration rollout for the admin instance-level Model Selection entrypoint (ee/app/assets/javascripts/pages/admin/gitlab_duo/model_selection, app InstanceModelSelectionRootApp).
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_instance_model_selection.yml - Added
ee/app/assets/javascripts/pages/admin/gitlab_duo/model_selection/vue3_migration.ymlwithstatus: rollout
How to verify
- Ensure you are on Vite 3 by following these instructions
- Restart Vite:
gdk restart vite - Enable the feature flag:
Feature.enable(:vue3_migrate_instance_model_selection) - Navigate to Admin → GitLab Duo → Model selection
- Open the browser console and confirm the message:
[gitlab] [V] Using Vue.js 3 (with @vue/compat) for InstanceModelSelectionRootApp - Confirm
document.querySelectorAll('[data-gitlab-vue3-app]')returns the app - Verify the page renders and functions correctly
Verification
Related
- Migration issue: #607799
- Migration guide: https://docs.gitlab.com/development/fe_guide/vue3_migration/#option-1-recommended-migrate-your-page-entrypoint-using-a-feature-flag-and-vue3_migrationyml
- Example MR: !247789 (merged)
Edited by Julie Huang

