Vue 3 Beta Release

June 27, 2023. Today, the MDS team announces the beta release of a new library of MDS 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.

What is Vue 3?

Vue is a JavaScript framework that many teams at Morningstar use to build frontend experiences. Existing MDS components are built with Vue 2, which will reach EOL on December 31st, 2023.

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.

How Can I Help Test the Beta?

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.

Will the Design of MDS Components Change?

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.

Are MDS Chart Elements (MCE) Included?

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.

Will Vue 2 Still Be Supported?

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.

Where Can I Get More Information?

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.