create-nuxt-base 2.2.4 → 2.2.6

package/.github/workflows/publish.yml

@@ -18,15 +18,20 @@ jobs:
     steps:
       - uses: actions/checkout@v4
 
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9
+
       - name: Use Node LTS ✨
         uses: actions/setup-node@v4
         with:
           node-version: lts/*
           registry-url: https://registry.npmjs.org
-          cache: npm
+          cache: pnpm
 
       - name: Install dependencies 📦️
-        run: npm ci
+        run: pnpm install --frozen-lockfile
 
       - name: Publish to npm 🚀
         run: npm publish

package/CHANGELOG.md

@@ -2,12 +2,13 @@
 
 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.2.4](https://github.com/lenneTech/nuxt-base-starter/compare/v2.2.3...v2.2.4) (2026-02-05)
+### [2.2.5](https://github.com/lenneTech/nuxt-base-starter/compare/v2.2.4...v2.2.5) (2026-02-10)
 
+### [2.2.4](https://github.com/lenneTech/nuxt-base-starter/compare/v2.2.3...v2.2.4) (2026-02-05)
 
 ### Bug Fixes
 
-* fix changelog markdown, clear npmrc overrides, and force single worker for Playwright tests ([d90fab4](https://github.com/lenneTech/nuxt-base-starter/commit/d90fab4af78dea6ec5192bad0ca4095f21bef9b8))
+- fix changelog markdown, clear npmrc overrides, and force single worker for Playwright tests ([d90fab4](https://github.com/lenneTech/nuxt-base-starter/commit/d90fab4af78dea6ec5192bad0ca4095f21bef9b8))
 
 ### [2.2.3](https://github.com/lenneTech/nuxt-base-starter/compare/v2.2.2...v2.2.3) (2026-02-05)
 

package/README.md

@@ -7,7 +7,7 @@ A CLI tool to scaffold a production-ready **Nuxt 4** application with TypeScript
 ```bash
 npx create-nuxt-base my-awesome-project
 cd my-awesome-project
-npm run dev
+pnpm run dev
 ```
 
 The development server starts at **http://localhost:3001**
@@ -103,17 +103,17 @@ my-project/
 
 ## Available Scripts
 
-| Script                   | Description                            |
-| ------------------------ | -------------------------------------- |
-| `npm run dev`            | Start development server               |
-| `npm run build`          | Build for production                   |
-| `npm run preview`        | Preview production build               |
-| `npm run generate-types` | Generate TypeScript types from OpenAPI |
-| `npm run test`           | Run Playwright E2E tests               |
-| `npm run lint`           | Run OxLint                             |
-| `npm run format`         | Run OxFmt                              |
-| `npm run check`          | Run lint + format check                |
-| `npm run fix`            | Auto-fix lint + format issues          |
+| Script                    | Description                            |
+| ------------------------- | -------------------------------------- |
+| `pnpm run dev`            | Start development server               |
+| `pnpm run build`          | Build for production                   |
+| `pnpm run preview`        | Preview production build               |
+| `pnpm run generate-types` | Generate TypeScript types from OpenAPI |
+| `pnpm run test`           | Run Playwright E2E tests               |
+| `pnpm run lint`           | Run OxLint                             |
+| `pnpm run format`         | Run OxFmt                              |
+| `pnpm run check`          | Run lint + format check                |
+| `pnpm run fix`            | Auto-fix lint + format issues          |
 
 ## Environment Variables
 
@@ -137,7 +137,7 @@ STORAGE_PREFIX=base-dev      # Local storage prefix
 ## Requirements
 
 - Node.js >= 22
-- npm >= 10
+- pnpm >= 9
 
 ## License
 

package/index.js

@@ -69,7 +69,7 @@ async function create() {
   await waitForChildProcess(gitInit);
 
   console.log('Installing dependencies ...');
-  const runInstall = spawn('npm', ['install'], { stdio: 'inherit' });
+  const runInstall = spawn('pnpm', ['install'], { stdio: 'inherit' });
   await waitForSpawn(runInstall);
 
   const removeGit = spawn('npx', ['rimraf', '.git'], { stdio: 'inherit' });
@@ -79,7 +79,7 @@ async function create() {
 
   if (autoStart) {
     console.log('Building Project ...');
-    const runBuild = spawn('npm', ['build'], { stdio: 'inherit' });
+    const runBuild = spawn('pnpm', ['run', 'build'], { stdio: 'inherit' });
     await waitForSpawn(runBuild)
       .then(() => console.log('✅  Project was successfully built'))
       .catch(() => console.log('❌  Error while building the project'));
@@ -93,7 +93,7 @@ async function create() {
     await waitForMS(1000);
     console.log(`Launching ${projectName} ...  🚀`);
     await waitForMS(1000);
-    const runDev = spawn('npm', ['start'], { stdio: 'inherit' });
+    const runDev = spawn('pnpm', ['run', 'start'], { stdio: 'inherit' });
     await waitForSpawn(runDev);
   }
 }

package/nuxt-base-template/.github/workflows/test.yml

@@ -15,20 +15,25 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v4
 
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9
+
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
           node-version: '22'
-          cache: 'npm'
+          cache: 'pnpm'
 
       - name: Install dependencies
-        run: npm ci
+        run: pnpm install --frozen-lockfile
 
       - name: Run unit tests
-        run: npm run test:unit
+        run: pnpm run test:unit
 
       - name: Run unit tests with coverage
-        run: npm run test:unit:coverage
+        run: pnpm run test:unit:coverage
 
       - name: Upload coverage report
         uses: actions/upload-artifact@v4
@@ -46,20 +51,25 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v4
 
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9
+
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
           node-version: '22'
-          cache: 'npm'
+          cache: 'pnpm'
 
       - name: Install dependencies
-        run: npm ci
+        run: pnpm install --frozen-lockfile
 
       - name: Run linter
-        run: npm run lint
+        run: pnpm run lint
 
       - name: Check formatting
-        run: npm run format:check
+        run: pnpm run format:check
 
   build:
     name: Build
@@ -70,17 +80,22 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v4
 
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9
+
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
           node-version: '22'
-          cache: 'npm'
+          cache: 'pnpm'
 
       - name: Install dependencies
-        run: npm ci
+        run: pnpm install --frozen-lockfile
 
       - name: Build application
-        run: npm run build
+        run: pnpm run build
 
       - name: Upload build artifacts
         uses: actions/upload-artifact@v4

package/nuxt-base-template/Dockerfile.dev

@@ -5,12 +5,15 @@ WORKDIR /app
 # Install dependencies for native modules
 RUN apk add --no-cache python3 make g++
 
+# Enable pnpm via corepack
+RUN corepack enable && corepack prepare pnpm@latest --activate
+
 # Copy package files first for better caching
-COPY package*.json ./
+COPY package.json pnpm-lock.yaml ./
 COPY .npmrc ./
 
 # Install dependencies
-RUN npm ci
+RUN pnpm install --frozen-lockfile
 
 # Copy entrypoint script
 COPY docker-entrypoint.sh /docker-entrypoint.sh
@@ -20,4 +23,4 @@ RUN chmod +x /docker-entrypoint.sh
 EXPOSE 3001
 
 ENTRYPOINT ["/docker-entrypoint.sh"]
-CMD ["npm", "run", "dev", "--", "--host", "0.0.0.0"]
+CMD ["pnpm", "run", "dev", "--", "--host", "0.0.0.0"]

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

@@ -30,7 +30,7 @@ interface SignInResponse {
 // Composables
 // ============================================================================
 const toast = useToast();
-const { signIn, setUser, validateSession, authenticateWithPasskey } = useLtAuth();
+const { signIn, setUser, validateSession, authenticateWithPasskey, features } = useLtAuth();
 const { translateError } = useLtErrorTranslation();
 
 // ============================================================================
@@ -214,7 +214,7 @@ async function onSubmit(payload: FormSubmitEvent<Schema>): Promise<void> {
 
           <UButton block color="neutral" variant="outline" icon="i-lucide-key" :loading="passkeyLoading" @click="onPasskeyLogin"> Mit Passkey anmelden </UButton>
 
-          <p class="text-center text-sm text-muted">
+          <p v-if="features.signUpEnabled !== false" class="text-center text-sm text-muted">
             Noch kein Konto?
             <ULink to="/auth/register" class="text-primary font-medium">Registrieren</ULink>
           </p>

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

@@ -43,6 +43,18 @@ const loading = ref<boolean>(false);
 const showPasskeyPrompt = ref<boolean>(false);
 const passkeyLoading = ref<boolean>(false);
 
+// Redirect if registration is disabled
+watch(() => features.value.signUpEnabled, (val) => {
+  if (val === false) {
+    toast.add({
+      color: 'warning',
+      description: 'Die Registrierung ist derzeit deaktiviert.',
+      title: 'Registrierung nicht verfügbar',
+    });
+    navigateTo('/auth/login');
+  }
+}, { immediate: true });
+
 const requireTerms = computed(() => features.value.signUpChecks === true);
 
 const baseFields: AuthFormField[] = [

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

@@ -0,0 +1,133 @@
+<script setup lang="ts">
+// ============================================================================
+// Imports
+// ============================================================================
+import type { AuthFormField, FormSubmitEvent } from '@nuxt/ui';
+import type { InferOutput } from 'valibot';
+
+import * as v from 'valibot';
+
+// ============================================================================
+// Composables
+// ============================================================================
+const toast = useToast();
+const { initSetup } = useSystemSetup();
+const { translateError } = useLtErrorTranslation();
+
+// ============================================================================
+// Page Meta
+// ============================================================================
+definePageMeta({
+  layout: 'slim',
+});
+
+// ============================================================================
+// Variables
+// ============================================================================
+const loading = ref<boolean>(false);
+
+const fields: AuthFormField[] = [
+  {
+    label: 'Name',
+    name: 'name',
+    placeholder: 'Name eingeben',
+    required: true,
+    type: 'text',
+  },
+  {
+    label: 'E-Mail',
+    name: 'email',
+    placeholder: 'E-Mail eingeben',
+    required: true,
+    type: 'email',
+  },
+  {
+    label: 'Passwort',
+    name: 'password',
+    placeholder: 'Passwort eingeben',
+    required: true,
+    type: 'password',
+  },
+  {
+    label: 'Passwort bestätigen',
+    name: 'confirmPassword',
+    placeholder: 'Passwort wiederholen',
+    required: true,
+    type: 'password',
+  },
+];
+
+const schema = v.pipe(
+  v.object({
+    confirmPassword: v.pipe(v.string('Passwortbestätigung ist erforderlich'), v.minLength(8, 'Mindestens 8 Zeichen erforderlich')),
+    email: v.pipe(v.string('E-Mail ist erforderlich'), v.email('Bitte eine gültige E-Mail eingeben')),
+    name: v.pipe(v.string('Name ist erforderlich'), v.minLength(2, 'Mindestens 2 Zeichen erforderlich')),
+    password: v.pipe(v.string('Passwort ist erforderlich'), v.minLength(8, 'Mindestens 8 Zeichen erforderlich')),
+  }),
+  v.forward(
+    v.partialCheck([['password'], ['confirmPassword']], (input) => input.password === input.confirmPassword, 'Passwörter stimmen nicht überein'),
+    ['confirmPassword'],
+  ),
+);
+
+type Schema = InferOutput<typeof schema>;
+
+// ============================================================================
+// Functions
+// ============================================================================
+async function onSubmit(payload: FormSubmitEvent<Schema>): Promise<void> {
+  loading.value = true;
+
+  try {
+    await initSetup({
+      email: payload.data.email,
+      name: payload.data.name,
+      password: payload.data.password,
+    });
+
+    toast.add({
+      color: 'success',
+      description: 'Das System wurde erfolgreich eingerichtet.',
+      title: 'Administrator-Account erstellt',
+    });
+
+    await navigateTo('/auth/login');
+  } catch (err: unknown) {
+    toast.add({
+      color: 'error',
+      description: translateError(err instanceof Error ? err.message : 'Einrichtung fehlgeschlagen'),
+      title: 'Fehler',
+    });
+  } finally {
+    loading.value = false;
+  }
+}
+</script>
+
+<template>
+  <UPageCard class="w-md" variant="naked">
+    <UAuthForm
+      :schema="schema"
+      title="System einrichten"
+      icon="i-lucide-shield-check"
+      :fields="fields"
+      :loading="loading"
+      :submit="{
+        label: 'System einrichten',
+        block: true,
+      }"
+      @submit="onSubmit"
+    >
+      <template #description>
+        <p class="text-sm text-muted">Erstelle den ersten Administrator-Account, um das System zu starten.</p>
+      </template>
+
+      <template #footer>
+        <p class="text-center text-sm text-muted">
+          Bereits eingerichtet?
+          <ULink to="/auth/login" class="text-primary font-medium">Anmelden</ULink>
+        </p>
+      </template>
+    </UAuthForm>
+  </UPageCard>
+</template>

package/nuxt-base-template/docker-entrypoint.sh

@@ -3,11 +3,11 @@ set -e
 
 # Check if node_modules exists and if package.json has changed
 PACKAGE_HASH_FILE="/app/.package-hash"
-CURRENT_HASH=$(md5sum /app/package.json /app/package-lock.json 2>/dev/null | md5sum | cut -d' ' -f1)
+CURRENT_HASH=$(md5sum /app/package.json /app/pnpm-lock.yaml 2>/dev/null | md5sum | cut -d' ' -f1)
 
 if [ ! -d "/app/node_modules" ] || [ ! -f "$PACKAGE_HASH_FILE" ] || [ "$(cat $PACKAGE_HASH_FILE 2>/dev/null)" != "$CURRENT_HASH" ]; then
     echo "Installing dependencies..."
-    npm ci
+    pnpm install --frozen-lockfile
     echo "$CURRENT_HASH" > "$PACKAGE_HASH_FILE"
     echo "Dependencies installed successfully."
 else

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

@@ -94,9 +94,13 @@ export default defineNuxtConfig({
       enableAdmin: true,
       enableTwoFactor: true,
       enablePasskey: true,
+      systemSetup: {
+        enabled: true,
+        setupPath: '/auth/setup',
+      },
       interceptor: {
         enabled: true,
-        publicPaths: ['/auth/login', '/auth/register', '/auth/forgot-password', '/auth/reset-password'],
+        publicPaths: ['/auth/login', '/auth/register', '/auth/forgot-password', '/auth/reset-password', '/auth/setup'],
       },
     },
     tus: {

package/nuxt-base-template/package.json

@@ -10,8 +10,14 @@
     }
   },
   "scripts": {
-    "init": "npm install",
-    "reinit": "npx rimraf package-lock.json && npx nuxt cleanup && npx rimraf node_modules && npm cache clean --force && npm i",
+    "c": "pnpm run check",
+    "check": "pnpm audit && pnpm run format:check && pnpm run lint && pnpm test && pnpm run build && pnpm start",
+    "check:fix": "pnpm install && pnpm audit --fix && pnpm run format && pnpm run lint:fix && pnpm test && pnpm run build && pnpm start",
+    "check:naf": "pnpm install && pnpm run format && pnpm run lint:fix && pnpm test && pnpm run build && pnpm start",
+    "cf": "pnpm run check:fix",
+    "cnaf": "pnpm run check:naf",
+    "init": "pnpm install",
+    "reinit": "npx rimraf pnpm-lock.yaml && npx nuxt cleanup && npx rimraf node_modules && pnpm install",
     "clean": "npx rimraf .nuxt .output",
     "dev": "nuxt dev",
     "build": "nuxt build",
@@ -29,24 +35,23 @@
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare",
     "prepare": "simple-git-hooks",
-    "test": "npm run test:unit",
+    "test": "pnpm run test:unit",
     "test:unit": "vitest run",
     "test:unit:watch": "vitest",
     "test:unit:coverage": "vitest run --coverage",
     "test:e2e": "playwright test",
-    "test:all": "npm run test:unit && npm run test:e2e",
+    "test:all": "pnpm run test:unit && pnpm run test:e2e",
     "lint": "oxlint app/",
-    "lint:fix": "oxlint --fix app/",
+    "lint:fix": "oxlint --fix --fix-suggestions app/",
     "format": "oxfmt",
     "format:check": "oxfmt --check",
-    "check": "npm run lint && npm run format:check",
-    "fix": "npm run lint:fix && npm run format"
+    "fix": "pnpm run lint:fix && pnpm run format"
   },
   "dependencies": {
     "@better-auth/passkey": "1.4.10",
     "@hey-api/client-fetch": "0.13.1",
     "@lenne.tech/bug.lt": "latest",
-    "@lenne.tech/nuxt-extensions": "1.2.7",
+    "@lenne.tech/nuxt-extensions": "1.2.11",
     "@nuxt/image": "2.0.0",
     "@nuxt/ui": "4.3.0",
     "@pinia/nuxt": "0.11.3",
@@ -87,7 +92,7 @@
   },
   "simple-git-hooks": {
     "pre-commit": "npx lint-staged",
-    "pre-push": "npm run test:unit"
+    "pre-push": "pnpm run test:unit"
   },
   "lint-staged": {
     "app/**/*.{ts,vue}": [
@@ -100,6 +105,15 @@
   },
   "engines": {
     "node": ">=22",
-    "npm": ">=10"
+    "pnpm": ">=9"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "@parcel/watcher",
+      "esbuild",
+      "sharp",
+      "simple-git-hooks",
+      "vue-demi"
+    ]
   }
 }