0100-nuxt-auth

What problem does it solve?

It solves the problem of protecting Nuxt pages and UI actions while implementing consistent login/logout and permission-based authorization using Laravel Sanctum.

Core Features & Use Cases

• Sanctum auth wiring: Configure Nuxt to authenticate against Laravel Sanctum endpoints and manage redirect behavior for authenticated vs guest users.
• Auth composable usage: Use the Sanctum composable to initialize the user session, log in, log out, and check authentication state.
• Permission-based authorization: Render components conditionally and protect routes/pages by enforcing required permissions.
• Use case: When building an admin area, protect pages like leads listing and only show or enable actions (e.g., create leads) to users who have the correct permissions.

Quick Start

Add the 0100-nuxt-auth Skill to your Nuxt project, configure sanctum endpoints in nuxt.config.ts, then protect a page with definePageMeta({ permissions: "leads.list" }).