Vue Router 5.0 has been officially released, introducing significant enhancements while maintaining backward compatibility. This latest version integrates the functionality of the unplugin-vue-router directly into the core, offering a streamlined, file-based routing experience. Existing Vue Router 4 users can rejoice, as this transition to file-based routing involves no breaking changes and can be achieved with a simple update command.
Key Features in Vue Router 5.0
<ul>
<li>
File-Based Routing: Vue Router 5.0 brings a convention-based routing style similar to what tools like Nuxt provide. This eliminates the need for third-party plugins and allows developers to manage complex routing structures with ease directly within the Vue Router core.
</li>
<li>
Enhanced TypeScript Support: Improved TypeScript support has been a focal point in this release, making Vue Router even more robust and developer-friendly for those utilizing TypeScript in their projects.
</li>
<li>
Experimental Features: The release introduces experimental data loaders, facilitating declarative data fetching linked to route definitions, enhancing the reactivity and flexibility of applications.
</li>
<li>
Editor Tooling and Validation: With support for the Volar plugin, developers can enjoy enhanced tooling within their editors. Additionally, a new route JSON schema provides a framework for route validation, helping to catch potential issues early in the development process with runtime errors for missing parameter parsers.
</li>
<li>
Upgraded Devtools: The devtools API has seen an upgrade to v8. While generally maintaining backward compatibility, this is noted as the only potential change that may affect some users.
</li>
</ul>
Vue Router 5.0 not only offers these new capabilities but also acts as a preparatory step for Vue Router 6, which will be ESM-only and will phase out deprecated APIs. This strategic release represents a smooth transition to more modular and efficient routing solutions in Vue.js projects.

Collections

Vue Router 5.0 has been officially released with several key improvements. The biggest addition is built-in file-based routing, previously only available via the unplugin-vue-router plugin, now integrated directly into the core. The release also brings enhanced TypeScript support, experimental declarative data loaders tied to route definitions, Volar editor tooling support, a new route JSON schema for validation, and an upgraded devtools API (v8). Existing Vue Router 4 users can migrate without breaking changes. The release also serves as a stepping stone toward Vue Router 6, which will be ESM-only and will remove deprecated APIs.

Vue Router 5: File-Based Routing Elevates the Core with Seamless Transition

Such a great advancement in terms of bringing isolated features into the core! 🎉👏👏👏