Enable Vue 3 migration rollout for global search page

Siddharth Dungarwalrequested to merge
607973-vue3-migration-search into master

What does this MR do and why?

Enables the Vue 3 migration rollout for the groupglobal search page (app/assets/javascripts/pages/search/show/). This uses the new vue3_migration.yml mechanism from !234347 (merged) to opt the page into Vue 3 behind a feature flag. When vue3_migrate_roadmap is enabled, Rails serves the Vue 3 chunk; otherwise the page continues to run on Vue 2.

What changed

  • Added config/feature_flags/beta/vue3_migrate_global_search.yml
  • Added app/assets/javascripts/pages/search/show/vue3_migration.yml with status: rollout

No JavaScript or controller changes are needed.

How to verify

  1. Enable the feature flag: Feature.enable(:vue3_migrate_global_search)
  2. Navigate to any group's roadmap page
  3. Open the browser console and confirm the messages:
  • [gitlab] [V] Using Vue.js 3 (with @vue/compat) for GlobalSearchResults
  • [gitlab] [V] Using Vue.js 3 for GlobalSearchSidebar
  • [gitlab] [V] Using Vue.js 3 for GlobalSearchTopbar
  1. Verify the global search renders and functions correctly

image image

PS: Ignore too many tabs in my screenshot 😅

Edited by Siddharth Dungarwal

Merge request reports