Named Middleware
In this example:
pages/named-middleware.vue
contains a middleware
property with the value of auth
which is called before a user enters the route.
middleware/auth.js
checks to see if the user is authenticated and if they aren't it redirects them to the auth page.
pages/auth.vue
uses the store to authenticate the user.
store/auth.js
sets the the user and password values and redirects the user.
Learn more in the Directory Structure book in the middleware chapter.
Loading CodeSandbox...