Move milestones pages to vue 3 rollout
What does this MR do and why?
This MR adds a beta feature flag, vue3_migrate_milestones, default off.
The flag opts all eight milestones pages into Vue 3 compatibility mode: index, new, edit, and show, for both groups and projects. Rails serves the Vue 3 bundle when the flag is on, and the Vue 2 bundle when it is off.
The two show pages have an EE version that adds the burndown chart. Both the CE and EE entries declare the same status and flag, as the migration guide requires.
The flag is off by default. No behaviour changes for users.
Screenshots
The flag is on in every screenshot. Each row names the entrypoint that the page loaded.
| Page | Entrypoint | Screenshot |
|---|---|---|
|
Group milestones list
|
|
|
|
Group milestone page
|
|
|
|
New group milestone
|
|
|
|
Edit group milestone
|
|
|
|
Project milestones list
|
|
|
|
Project milestone page
|
|
|
|
New project milestone
|
|
|
|
Edit project milestone
|
|
References
Work item: #608109 (closed) Parent epic: gitlab-org#23066
How to set up and validate locally
168 Jest tests across 16 suites pass for the affected apps, including the EE burndown chart, with VUE_VERSION=3.
- In the Rails console, run
Feature.enable(:vue3_migrate_milestones). - Visit a group's milestones list, then a project's milestones list.
- Open a milestone, then create or edit one.
- Confirm the burndown chart still renders on the milestone page.
- Confirm the browser console shows no Vue errors.
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.







