create-nuxt-base 1.1.2 → 2.0.0

package/nuxt-base-template/app/pages/auth/login.vue

@@ -7,13 +7,11 @@ import type { InferOutput } from 'valibot';
 
 import * as v from 'valibot';
 
-import { authClient } from '~/lib/auth-client';
-
 // ============================================================================
 // Composables
 // ============================================================================
 const toast = useToast();
-const { signIn, setUser, isLoading, validateSession } = useBetterAuth();
+const { signIn, setUser, isLoading, validateSession, authenticateWithPasskey } = useLtAuth();
 
 // ============================================================================
 // Page Meta
@@ -54,32 +52,30 @@ type Schema = InferOutput<typeof schema>;
 
 /**
  * Handle passkey authentication
- * Uses official Better Auth signIn.passkey() method
- * @see https://www.better-auth.com/docs/plugins/passkey
+ * Uses authenticateWithPasskey from composable which supports JWT mode (challengeId)
  */
 async function onPasskeyLogin(): Promise<void> {
   passkeyLoading.value = true;
 
   try {
-    // Use official Better Auth client method
-    // This calls: GET /passkey/generate-authenticate-options → POST /passkey/verify-authentication
-    const result = await authClient.signIn.passkey();
+    // Use composable method which handles challengeId for JWT mode
+    const result = await authenticateWithPasskey();
 
-    // Check for error in response
-    if (result.error) {
+    // Check for error in response (authenticateWithPasskey returns { success, error?, user? })
+    if (!result.success) {
       toast.add({
         color: 'error',
-        description: result.error.message || 'Passkey-Anmeldung fehlgeschlagen',
+        description: result.error || 'Passkey-Anmeldung fehlgeschlagen',
         title: 'Fehler',
       });
       return;
     }
 
     // Update auth state with user data if available
-    if (result.data?.user) {
-      setUser(result.data.user as any);
-    } else if (result.data?.session) {
-      // Passkey auth returns session without user - fetch user via session validation
+    if (result.user) {
+      setUser(result.user as any);
+    } else {
+      // Passkey auth may return success without user - fetch user via session validation
       await validateSession();
     }
 
@@ -129,10 +125,7 @@ async function onSubmit(payload: FormSubmitEvent<Schema>): Promise<void> {
     // Check if 2FA is required
     // Better-Auth native uses 'twoFactorRedirect', nest-server REST API uses 'requiresTwoFactor'
     const resultData = 'data' in result ? result.data : result;
-    const requires2FA = resultData && (
-      ('twoFactorRedirect' in resultData && resultData.twoFactorRedirect) ||
-      ('requiresTwoFactor' in resultData && resultData.requiresTwoFactor)
-    );
+    const requires2FA = resultData && (('twoFactorRedirect' in resultData && resultData.twoFactorRedirect) || ('requiresTwoFactor' in resultData && resultData.requiresTwoFactor));
     if (requires2FA) {
       // Redirect to 2FA page
       await navigateTo('/auth/2fa');
@@ -140,9 +133,9 @@ async function onSubmit(payload: FormSubmitEvent<Schema>): Promise<void> {
     }
 
     // Check if login was successful (user data in response)
-    const userData = 'user' in result ? result.user : ('data' in result ? result.data?.user : null);
+    const userData = 'user' in result ? result.user : 'data' in result ? result.data?.user : null;
     if (userData) {
-      // Auth state is already stored by useBetterAuth
+      // Auth state is already stored by useLtAuth
       // Navigate to app
       await navigateTo('/app');
     } else {

package/nuxt-base-template/app/pages/auth/register.vue

@@ -7,13 +7,11 @@ import type { InferOutput } from 'valibot';
 
 import * as v from 'valibot';
 
-import { authClient } from '~/lib/auth-client';
-
 // ============================================================================
 // Composables
 // ============================================================================
 const toast = useToast();
-const { signUp, signIn } = useBetterAuth();
+const { signUp, signIn, registerPasskey } = useLtAuth();
 
 // ============================================================================
 // Page Meta
@@ -136,14 +134,13 @@ async function addPasskey(): Promise<void> {
   passkeyLoading.value = true;
 
   try {
-    const { error } = await authClient.passkey.addPasskey({
-      name: 'Mein Gerät',
-    });
+    // Use registerPasskey from composable which properly handles challengeId
+    const result = await registerPasskey('Mein Gerät');
 
-    if (error) {
+    if (!result.success) {
       toast.add({
         color: 'error',
-        description: error.message || 'Passkey konnte nicht hinzugefügt werden',
+        description: result.error || 'Passkey konnte nicht hinzugefügt werden',
         title: 'Fehler',
       });
       // Still navigate to app even if passkey failed

package/nuxt-base-template/app/pages/auth/reset-password.vue

@@ -7,7 +7,8 @@ import type { InferOutput } from 'valibot';
 
 import * as v from 'valibot';
 
-import { authClient } from '~/lib/auth-client';
+// Auth client from @lenne.tech/nuxt-extensions (auto-imported as ltAuthClient)
+const authClient = ltAuthClient;
 
 // ============================================================================
 // Composables

package/nuxt-base-template/docs/pages/docs.vue

@@ -182,7 +182,7 @@ async function handleFormSubmit(): Promise<void> {
 }
 
 async function handleShare(): Promise<void> {
-  const { share } = useShare();
+  const { share } = useLtShare();
   await share('Nuxt Base Starter', 'Check out this Nuxt Base Starter Template!', window.location.href);
 
   toast.add({

package/nuxt-base-template/nuxt.config.ts

@@ -67,12 +67,36 @@ export default defineNuxtConfig({
     dirs: ['./states', './stores', './forms', './interfaces', './base', './plugins'],
   },
 
+  // ============================================================================
+  // lenne.tech Nuxt Extensions
+  // ============================================================================
+  ltExtensions: {
+    auth: {
+      enabled: true,
+      basePath: '/iam',
+      loginPath: '/auth/login',
+      twoFactorRedirectPath: '/auth/2fa',
+      enableAdmin: true,
+      enableTwoFactor: true,
+      enablePasskey: true,
+      interceptor: {
+        enabled: true,
+        publicPaths: ['/auth/login', '/auth/register', '/auth/forgot-password', '/auth/reset-password'],
+      },
+    },
+    tus: {
+      defaultEndpoint: '/files/upload',
+      defaultChunkSize: 5 * 1024 * 1024,
+    },
+  },
+
   // ============================================================================
   // Nuxt Modules
   // ============================================================================
   modules: [
+    '@lenne.tech/nuxt-extensions', // Auth, Upload, Transitions
     '@nuxt/test-utils/module', // E2E testing with Playwright
-    '@lenne.tech/bug.lt', // Bug reporting to Linear
+    // '@lenne.tech/bug.lt', // Bug reporting to Linear - TEMPORARILY DISABLED FOR TESTING
     '@vueuse/nuxt', // Vue composition utilities
     'dayjs-nuxt', // Date/time handling
     '@nuxt/image', // Image optimization
@@ -158,5 +182,18 @@ export default defineNuxtConfig({
       exclude: ['@tailwindcss/vite', 'lightningcss', '@vue/devtools-core', '@vue/devtools-kit', '@internationalized/date'],
     },
     plugins: [tailwindcss()],
+    server: {
+      proxy: {
+        '/api': {
+          target: 'http://localhost:3000',
+          changeOrigin: true,
+          rewrite: (path: string) => path.replace(/^\/api/, ''),
+        },
+        '/iam': {
+          target: 'http://localhost:3000',
+          changeOrigin: true,
+        },
+      },
+    },
   },
 });