[Feature flag] Rollout of vue3_migrate_ci_catalog

Summary

Roll out the feature currently behind the vue3_migrate_ci_catalog feature flag.

  • DRI: @mrincon
  • Team Slack channel: #g_pipeline-authoring

Note

Process and guidance live in the docs — this issue is just the commands and a place to track the rollout. "Rolling out" means incrementally enabling the flag on GitLab.com to validate stability — it is not the same as releasing the feature, which happens when the flag is removed. Feature flag controls · Feature flag lifecycle

What could go wrong?

Blast radius is the CI/CD catalog explore page only. No data is written, so there is no data-loss risk.

Two failure modes to watch:

  • The Vue 3 bundle throws on mount and the page renders nothing. Check for the data-gitlab-vue3-app marker on the root element to tell a real Vue 3 render from a silent fallback.
  • vue-router or the Apollo local resolvers behave differently, so the catalog list loads but navigation to a resource detail page fails.

Rollout

Run all production /chatops in #production and cross-post the results to #g_pipeline-authoring. Background: incremental rollout process, feature actors.

Non-production

/chatops gitlab run feature set vue3_migrate_ci_catalog 50 --actors --dev --pre --staging --staging-ref
/chatops gitlab run feature set vue3_migrate_ci_catalog true --dev --pre --staging --staging-ref

Production — percentage rollout (wait ≥15 min between steps, watch dashboards):

/chatops gitlab run feature set vue3_migrate_ci_catalog <percentage> --actors

Or target specific actors instead:

/chatops gitlab run feature set --project=gitlab-org/gitlab,gitlab-org/gitlab-foss vue3_migrate_ci_catalog true
/chatops gitlab run feature set --group=gitlab-org,gitlab-com vue3_migrate_ci_catalog true
/chatops gitlab run feature set --user=mrincon vue3_migrate_ci_catalog true

Before global rollout

Confirm the relevant gotchas before going to 100% — see enabling a feature for GitLab.com:

Cleanup

Remove the flag once deemed stable — see cleaning up. Track it here, or open a follow-up Feature Flag Cleanup issue. Remove the flag and its YAML definition from the codebase, then:

/chatops gitlab run release check <merge-request-url> <milestone>
/chatops gitlab run feature delete vue3_migrate_ci_catalog --dev --pre --staging --staging-ref --production

Rollback

/chatops gitlab run feature set vue3_migrate_ci_catalog false                                         # production
/chatops gitlab run feature set vue3_migrate_ci_catalog false --dev --pre --staging --staging-ref     # non-production
/chatops gitlab run feature delete vue3_migrate_ci_catalog --dev --pre --staging --staging-ref --production  # remove entirely