Design System Product Manager
To stay relevant, a design system needs to keep pace with the users and markets it serves.
Older versions of MDS components were built using Vue 2. The new library matches the design of existing MDS Vue 2 components to make it easy for product teams to upgrade, and ensure that end users will not be impacted by the change.
When browsing components on the MDS doc site, users can use the framework selector at the top of each component page to choose between Vue 2 and Vue 3 versions. For more information on building with Vue 3 components see Getting Started for Engineers.
Note: 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.
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.
MDS will provide full support for MDS Vue 2 components through September 31, 2024.
Chart elements are not included in the initial Vue 3 release, but will be added in followup release targeting Q4 2023.
For more background 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.