Clear-Site-Data für Nuxt 3 konfigurieren

// server/api/auth/logout.post.ts — Clear-Site-Data
export default defineEventHandler((event) => {
  // Alle Browser-Daten beim Logout löschen
  setHeader(event,
    'Clear-Site-Data',
    '"cache", "cookies", "storage"'
  );

  // Session-Cookie explizit löschen
  deleteCookie(event, 'session');

  // Redirect zur Startseite
  return sendRedirect(event, '/', 302);
})

// server/middleware/clear-site-data.ts
// Middleware-Ansatz für mehrere Logout-Routen
const LOGOUT_ROUTES = [
  '/api/auth/logout',
  '/api/auth/signout',
  '/api/auth/revoke',
];

export default defineEventHandler((event) => {
  const path = getRequestURL(event).pathname;

  if (LOGOUT_ROUTES.includes(path)) {
    // Header nur auf Logout-Routen setzen
    event.node.res.on('finish', () => {});
    setHeader(event,
      'Clear-Site-Data',
      '"cache", "cookies", "storage"'
    );
  }
})

// composables/useLogout.ts — Client-seitige Integration
export function useLogout() {
  const { clear } = useUserSession();

  const logout = async () => {
    await $fetch('/api/auth/logout', {
      method: 'POST',
    });

    // Session-State clientseitig bereinigen
    clear();

    // Seite neu laden — Clear-Site-Data wirkt beim Response
    window.location.href = '/';
  };

  return { logout };
}