create-nuxt-base 1.2.0 → 2.0.0

package/CHANGELOG.md

@@ -2,6 +2,39 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [2.0.0](https://github.com/lenneTech/nuxt-base-starter/compare/v1.2.0...v2.0.0) (2026-01-24)
+
+
+### ⚠ BREAKING CHANGES
+
+* Local auth, upload, and utility files replaced by package
+
+Migration to @lenne.tech/nuxt-extensions v1.0.1:
+- Remove local composables (use-better-auth, use-tus-upload, use-file, use-share, use-tw)
+- Remove local lib files (auth-client, auth-state)
+- Remove local plugins (auth-interceptor.client)
+- Remove local utils (crypto)
+- Remove local interfaces (upload.interface)
+- Remove local Transition components (now provided by package as Lt* prefix)
+- Simplify user.interface.ts to re-export LtUser from package
+- Update all imports to use auto-imported composables (useLtAuth, useLtTusUpload, etc.)
+- Update package.json to use npm package instead of yalc
+
+All authentication features now provided by the package:
+- Cookie/JWT dual-mode authentication
+- Passkey/WebAuthn support
+- 2FA/TOTP support
+- Auto-logout on 401
+
+Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
+
+### Bug Fixes
+
+* use exact version 1.0.1 for [@lenne](https://github.com/lenne).tech/nuxt-extensions ([fe8d4c2](https://github.com/lenneTech/nuxt-base-starter/commit/fe8d4c21575977bd093a304adc2e18c7edc61110))
+
+
+* migrate to [@lenne](https://github.com/lenne).tech/nuxt-extensions package ([4c8b732](https://github.com/lenneTech/nuxt-base-starter/commit/4c8b732b9d017a0ff7fb21ef09136dcd7fff81f0))
+
 ## [1.2.0](https://github.com/lenneTech/nuxt-base-starter/compare/v1.1.2...v1.2.0) (2026-01-22)
 
 

package/nuxt-base-template/app/components/Modal/ModalBackupCodes.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;
 
 // ============================================================================
 // Props & Emits

package/nuxt-base-template/app/components/Upload/TusFileUpload.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { UploadItem } from '~/interfaces/upload.interface';
+import type { LtUploadItem } from '@lenne.tech/nuxt-extensions';
 
 // ============================================================================
 // Props & Emits
@@ -45,11 +45,11 @@ const props = withDefaults(defineProps<Props>(), {
 
 const emit = defineEmits<{
   /** Alle Uploads abgeschlossen */
-  complete: [items: UploadItem[]];
+  complete: [items: LtUploadItem[]];
   /** Upload-Fehler */
-  error: [item: UploadItem, error: Error];
+  error: [item: LtUploadItem, error: Error];
   /** Ein Upload abgeschlossen */
-  success: [item: UploadItem];
+  success: [item: LtUploadItem];
   /** Files geaendert */
   'update:modelValue': [files: File[]];
 }>();
@@ -58,12 +58,12 @@ const emit = defineEmits<{
 // Composables
 // ============================================================================
 const toast = useToast();
-const { formatDuration, formatFileSize } = useFile();
+const { formatDuration, formatFileSize } = useLtFile();
 
 // ============================================================================
 // TUS Upload Setup
 // ============================================================================
-const { addFiles, cancelAll, cancelUpload, clearCompleted, isUploading, pauseAll, pauseUpload, resumeAll, resumeUpload, retryUpload, totalProgress, uploads } = useTusUpload({
+const { addFiles, cancelAll, cancelUpload, clearCompleted, isUploading, pauseAll, pauseUpload, resumeAll, resumeUpload, retryUpload, totalProgress, uploads } = useLtTusUpload({
   autoStart: props.autoStart,
   chunkSize: props.chunkSize,
   endpoint: props.endpoint,
@@ -162,7 +162,7 @@ function getStatusLabel(status: string): string {
 // ============================================================================
 // Helpers
 // ============================================================================
-function getUploadForFile(file: File, index: number): undefined | UploadItem {
+function getUploadForFile(file: File, index: number): undefined | LtUploadItem {
   // Versuche ueber Index zu matchen (funktioniert wenn Reihenfolge gleich)
   const upload = uploads.value[index];
   if (upload?.file.name === file.name && upload?.file.size === file.size) {

package/nuxt-base-template/app/interfaces/user.interface.ts

@@ -1,12 +1,5 @@
-export interface User {
-  banExpires?: Date;
-  banned?: boolean;
-  banReason?: string;
-  email: string;
-  emailVerified: boolean;
-  id: string;
-  image?: string;
-  name?: string;
-  role?: string;
-  twoFactorEnabled?: boolean;
-}
+/**
+ * Re-export LtUser from @lenne.tech/nuxt-extensions as User
+ * This provides backwards compatibility while using the package type
+ */
+export type { LtUser as User } from '@lenne.tech/nuxt-extensions';

package/nuxt-base-template/app/layouts/default.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { NavigationMenuItem } from '@nuxt/ui';
 
-const { isAuthenticated, signOut, user } = useBetterAuth();
+const { isAuthenticated, signOut, user } = useLtAuth();
 
 async function handleLogout() {
   await signOut();

package/nuxt-base-template/app/middleware/admin.global.ts

@@ -10,7 +10,7 @@ export default defineNuxtRouteMiddleware(async (to) => {
   // On client, read directly from document.cookie for accurate state
   if (import.meta.client) {
     try {
-      const cookie = document.cookie.split('; ').find((row) => row.startsWith('auth-state='));
+      const cookie = document.cookie.split('; ').find((row) => row.startsWith('lt-auth-state='));
       if (cookie) {
         const parts = cookie.split('=');
         const value = parts.length > 1 ? decodeURIComponent(parts.slice(1).join('=')) : '';
@@ -23,7 +23,7 @@ export default defineNuxtRouteMiddleware(async (to) => {
     }
   } else {
     // On server, use useCookie
-    const authStateCookie = useCookie<{ user: { role?: string } | null; authMode: string } | null>('auth-state');
+    const authStateCookie = useCookie<{ user: { role?: string } | null; authMode: string } | null>('lt-auth-state');
     isAuthenticated = !!authStateCookie.value?.user;
     isAdmin = authStateCookie.value?.user?.role === 'admin';
   }

package/nuxt-base-template/app/middleware/auth.global.ts

@@ -9,7 +9,7 @@ export default defineNuxtRouteMiddleware(async (to) => {
   // On client, read directly from document.cookie for accurate state
   if (import.meta.client) {
     try {
-      const cookie = document.cookie.split('; ').find((row) => row.startsWith('auth-state='));
+      const cookie = document.cookie.split('; ').find((row) => row.startsWith('lt-auth-state='));
       if (cookie) {
         const parts = cookie.split('=');
         const value = parts.length > 1 ? decodeURIComponent(parts.slice(1).join('=')) : '';
@@ -21,7 +21,7 @@ export default defineNuxtRouteMiddleware(async (to) => {
     }
   } else {
     // On server, use useCookie
-    const authStateCookie = useCookie<{ user: unknown; authMode: string } | null>('auth-state');
+    const authStateCookie = useCookie<{ user: unknown; authMode: string } | null>('lt-auth-state');
     isAuthenticated = !!authStateCookie.value?.user;
   }
 

package/nuxt-base-template/app/middleware/guest.global.ts

@@ -9,7 +9,7 @@ export default defineNuxtRouteMiddleware(async (to) => {
   // On client, read directly from document.cookie for accurate state
   if (import.meta.client) {
     try {
-      const cookie = document.cookie.split('; ').find((row) => row.startsWith('auth-state='));
+      const cookie = document.cookie.split('; ').find((row) => row.startsWith('lt-auth-state='));
       if (cookie) {
         const parts = cookie.split('=');
         const value = parts.length > 1 ? decodeURIComponent(parts.slice(1).join('=')) : '';
@@ -21,7 +21,7 @@ export default defineNuxtRouteMiddleware(async (to) => {
     }
   } else {
     // On server, use useCookie
-    const authStateCookie = useCookie<{ user: unknown; authMode: string } | null>('auth-state');
+    const authStateCookie = useCookie<{ user: unknown; authMode: string } | null>('lt-auth-state');
     isAuthenticated = !!authStateCookie.value?.user;
   }
 

package/nuxt-base-template/app/pages/app/index.vue

@@ -2,7 +2,7 @@
 // ============================================================================
 // Composables
 // ============================================================================
-const { user, signOut } = useBetterAuth();
+const { user, signOut } = useLtAuth();
 
 // ============================================================================
 // Variables

package/nuxt-base-template/app/pages/app/settings/security.vue

@@ -8,7 +8,6 @@ import type { InferOutput } from 'valibot';
 import * as v from 'valibot';
 
 import ModalBackupCodes from '~/components/Modal/ModalBackupCodes.vue';
-import { authClient } from '~/lib/auth-client';
 
 // ============================================================================
 // Interfaces
@@ -24,7 +23,8 @@ interface Passkey {
 // ============================================================================
 const toast = useToast();
 const overlay = useOverlay();
-const { is2FAEnabled, registerPasskey, setUser, user } = useBetterAuth();
+const { is2FAEnabled, registerPasskey, setUser, user } = useLtAuth();
+const authClient = useLtAuthClient();
 
 // ============================================================================
 // Variables

package/nuxt-base-template/app/pages/auth/2fa.vue

@@ -7,13 +7,12 @@ import type { InferOutput } from 'valibot';
 
 import * as v from 'valibot';
 
-import { authClient } from '~/lib/auth-client';
-
 // ============================================================================
 // Composables
 // ============================================================================
 const toast = useToast();
-const { fetchWithAuth, setUser, switchToJwtMode, jwtToken } = useBetterAuth();
+const { fetchWithAuth, setUser, switchToJwtMode, jwtToken } = useLtAuth();
+const authClient = useLtAuthClient();
 
 // ============================================================================
 // Page Meta

package/nuxt-base-template/app/pages/auth/forgot-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/app/pages/auth/login.vue

@@ -11,7 +11,7 @@ import * as v from 'valibot';
 // Composables
 // ============================================================================
 const toast = useToast();
-const { signIn, setUser, isLoading, validateSession, authenticateWithPasskey } = useBetterAuth();
+const { signIn, setUser, isLoading, validateSession, authenticateWithPasskey } = useLtAuth();
 
 // ============================================================================
 // Page Meta
@@ -135,7 +135,7 @@ 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;
     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

@@ -11,7 +11,7 @@ import * as v from 'valibot';
 // Composables
 // ============================================================================
 const toast = useToast();
-const { signUp, signIn, registerPasskey } = useBetterAuth();
+const { signUp, signIn, registerPasskey } = useLtAuth();
 
 // ============================================================================
 // Page Meta

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,
+        },
+      },
+    },
   },
 });