This PR adds a complete story demonstration for the @sidebase/nuxt-auth module in the showcase example, addressing the requirement to showcase authentication functionality in Storybook.

🎯 What's Added

Authentication Components

• AuthLoginForm: Interactive login form with credentials and OAuth support
• AuthUserProfile: User profile display with role-based UI elements
• AuthProtectedContent: Demonstrates conditional rendering based on authentication status
• AuthComposableDemo: Interactive showcase of @sidebase/nuxt-auth composables and methods

Story Variants

Each component includes comprehensive story variants:

• Default states for immediate testing
• Loading states during authentication flows
• Error states with realistic error messages
• Interactive demos with working callbacks
• Role-based examples (admin vs regular user)

Technical Implementation

• Integrated @sidebase/nuxt-auth v1.0.2 module into showcase example
• Added server API handler at /server/api/auth/[...] with demo providers
• Configured both credentials and GitHub OAuth providers
• Added demo credentials for easy testing: demo/demo and admin/admin

🔧 Configuration Details

The integration includes:

// nuxt.config.ts
modules: ['@sidebase/nuxt-auth', ...]

// server/api/auth/[...].ts
export default NuxtAuthHandler({
  providers: [
    CredentialsProvider({ /* demo auth */ }),
    GithubProvider({ /* OAuth demo */ })
  ]
})

📸 Result

The auth module now appears in Storybook under Modules > Auth with:

• ✅ 4 comprehensive auth components
• ✅ 16+ interactive story variants
• ✅ Complete documentation and controls
• ✅ Demo credentials and realistic examples

⚠️ Expected Behavior

The screenshot shows expected 404 errors for /api/auth/session - this is normal in Storybook mode since the full Nuxt server isn't running. The errors demonstrate the auth module is properly integrated and attempting to initialize.

🧪 Testing

All stories build successfully and demonstrate:

• Authentication state management
• Role-based access control
• Form validation and error handling
• OAuth provider integration
• Interactive component functionality

This provides developers with comprehensive examples of how to implement authentication in Nuxt applications using the @sidebase/nuxt-auth module.

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.