Vue.js 3 Options API Masterclass - Vue Router Middleware and Navigation Guards - Meta Fields and Global Navigation Guards

In this lesson we use Vue Router 4 meta fields so that we easily identify routes that require authentication and let a global navigation guard handle it from there. This approach to protecting routes in your Vue.js 3 applications is extensible and makes your code more expressive.