Update @vue/compat patches for @gitlab/ui
What does this MR do and why?
Update @vue/compat patches
This updates the existing @vue/compat patches to patch the
dist/vue.esm-bundler.js build as well. It is the @vue/compat build
with the runtime template compiler included.
While this project doesn't use that build at all, @gitlab/ui does, via
gitlab-org/gitlab-services/design.gitlab.com!5808 (merged).
In other words, this project won't be affected by these changes at all. The @gitlab/ui project will, though, as it has a script to copy the patches from this project and transforms them to be useable there, for testing its components against in a comparable "hybrid" Vue. See gitlab-org/gitlab-services/design.gitlab.com!5808 (merged) for more details.
References
- Implement Vue 3 hybrid mode for Storybook (gitlab-org/gitlab-services/design.gitlab.com!5808 - merged)
- Ensure Design System is vue/compat ready (gitlab-org#19700 - closed)
Screenshots or screen recordings
N/A
How to set up and validate locally
Since this project doesn't use the runtime template compiler build of @vue/compat, the validation happens elsewhere: in the design system project.
- Check out the https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com repo locally.
- If gitlab-org/gitlab-services/design.gitlab.com!5808 (merged) has merged:
- check out branch
main - else, check out branch
hybrid-vue
- check out branch
- Run
scripts/update_hybrid_vue_compat_patches.mjs --ref=extend-vue-compat-patches-for-gitlab-ui. - Observe that the patches are applied (the diff should be empty).
- For fun, run
scripts/update_hybrid_vue_compat_patches.mjs - Observe that the patches are updated to reflect the current
masterstate of the patches fromgitlab-org/gitlab(i.e., before this MR is merged).
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.