Enable Vue 3 migration rollout for compliance violations page
What does this MR do and why?
Enables the Vue 3 migration rollout for the compliance violations details page (ee/app/assets/javascripts/compliance_violations/).
This uses the vue3_migration.yml mechanism to opt the page into Vue 3 behind a feature flag. When vue3_migrate_compliance_violations is enabled, Rails serves the Vue 3 compat bundle; otherwise the page continues to run on Vue 2.
References
- Work item: #607944
- Parent issue: #607904
- 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 migration MR: !247789 (merged)
Screenshots or screen recordings
No UI changes — this is a behind-the-flag infrastructure change only.
How to set up and validate locally
- Enable the feature flag in rails console:
Feature.enable(:vue3_migrate_compliance_violations) - Navigate to any compliance violation details page (e.g.
/<project>/-/security/compliance_violations/<id>) - Open the browser console and confirm the message:
[gitlab] [V] Using Vue.js 3 (with @vue/compat) for ComplianceViolationDetailsRoot - Verify the page renders and functions correctly (status dropdown, comments, related issues, etc.)
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.