Middleware

Middleware is a function that is called before the route is executed. In general it works like in the Nuxt. Put your middleware in the middleware directory.

INFO

Middleware with a '.global' suffix will be automatically run on every route change.

Well, now you can use it in your pages. The middleware name has a prefix to which module it belongs to ${moduleName}/${middlewareName}.

// @Core/middleware/layout.ts
export default defineNuxtRouteMiddleware((to, from) => {
  console.warn('Running middleware...')
})

// @Core/middleware/layout.ts
export default defineNuxtRouteMiddleware((to, from) => {
  console.warn('Running middleware...')
})

<script setup lang="ts" >
definePageMeta({
  middleware: [
    'core/layout',
  ],
})
</script>

<script setup lang="ts" >
definePageMeta({
  middleware: [
    'core/layout',
  ],
})
</script>

Middleware #

Middleware