Що таке middleware в Nuxt і як його використовувати?

Виконується перед рендерингом сторінки/роуту.

#Типи

#1. Global Middleware

Виконується на кожному роуті.

```javascript // middleware/auth.global.ts export default defineNuxtRouteMiddleware((to, from) => { const user = useUser();

if (!user.value && to.path !== '/login') { return navigateTo('/login'); } }); ```

#2. Named Middleware

Тільки конкретні роути.

```javascript // middleware/admin.ts export default defineNuxtRouteMiddleware((to, from) => { const user = useUser();

if (user.value?.role !== 'admin') { return abortNavigation('Не авторизовано'); } });

// pages/admin/index.vue definePageMeta({ middleware: 'admin' }); ```