Design System Product Manager
Updating MDS UI Components to Support Vue 3
June 27, 2023. Today, the MDS team announces the beta release of a new library of MDS UI components built to support Vue 3. The new library gives teams building with MDS components a clear path to upgrade to Vue 3. It also matches the design of existing MDS components so that end users are not impacted by the change.
The new library adds support for Vue 3, while matching the design of existing MDS components so that end users are not impacted.
Benefits of Vue 3 include improved performance, better typescript support, and improved reuse of code through composable functions. Upgrading to Vue 3 also ensures ongoing support for developer tools like Nuxt, Vite, and Pinia.
MDS Vue 3 Beta deliverables include:
Beta components are intended for testing purposes and should not be used in production. They may go through multiple breaking changes before they are released to production.
If you would like to help with beta testing, please complete our beta candidate form. This tells us what product you are working on and what tools or configurations you plan to test. This information will help us plan our support.
This is a technology update, not a redesign or product upgrade. The goal is to add support for Vue 3 while minimizing the effort for teams to upgrade. We have made every effort to keep API changes to a minimum, and to match the design of existing components. End users should not see any difference.
The goal is to add support for Vue 3 while minimizing the effort for teams to upgrade.
Chart elements are not included in the initial beta but will be supported in a follow-up release. The MDS team is exploring approaches to upgrade MCE to work with Vue 3.
Vue 2 reaches EOL on December 31, 2023. That date is set by Vuejs.org, not the MDS team. After that date, Vue 2 will continue to be available through existing distribution channels, but will no longer receive feature updates, security, or browser compatibility fixes. For further details see the announcement from Vuejs.org.
MDS will support our Vue 2 components for a limited time after 2023. This may include bug fixes as well as feature updates depending on the level of shared need. MDS cannot provide support for future issues with Vue 2 itself after 2023.
For more information on MDS support for Vue 3, see this blog post where we answer questions about Dart Sass, Vite, the Vue Composition API, and other details.