Move dashboard home page to vue 3 rollout

What does this MR do and why?

This MR adds the beta feature flag vue3_migrate_dashboard_home. The flag is off by default. It opts the /dashboard/home page into Vue 3 compatibility mode.

The homepage has two routes. The route / already runs on Vue 3, but /dashboard/home had no Vue 3 build. Both routes mount the same homepage app.

When the flag is on, Rails serves the pages.dashboard.home.vue3 bundle. When the flag is off, Rails serves the Vue 2 bundle. Nothing changes while the flag is off.

Screenshots

Both screenshots show /dashboard/home in GDK. The page looks the same with the flag off and on. The greeting line changes on every load.

Flag off: pages.dashboard.home (Vue 2) Flag on: pages.dashboard.home.vue3 (Vue 3)
dashboard-home-vue2 dashboard-home-vue3

How to set up and validate locally

  1. In the Rails console, run Feature.enable(:vue3_migrate_dashboard_home).
  2. Visit /dashboard/home.
  3. Confirm the page loads the pages.dashboard.home.vue3 bundle (Network tab), and that the homepage widgets render.
  4. Confirm the browser console shows no Vue errors.
  5. Run Feature.disable(:vue3_migrate_dashboard_home), reload, and confirm the page loads pages.dashboard.home.

References

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 Deepika Guliani

Merge request reports

Loading
Loading