nuxt-users 1.1.6 → 1.3.0

package/CHANGELOG.md

@@ -1,6 +1,53 @@
 # Changelog
 
 
+## v1.3.0
+
+[compare changes](https://github.com/rrd108/nuxt-users/compare/v1.2.0...v1.3.0)
+
+### 🚀 Enhancements
+
+- Adds theme support with light/dark mode ([005ea87](https://github.com/rrd108/nuxt-users/commit/005ea87))
+- Adds logout functionality ([a61b4e8](https://github.com/rrd108/nuxt-users/commit/a61b4e8))
+
+### 💅 Refactors
+
+- Restyles login form for better UX closes #51 ([#51](https://github.com/rrd108/nuxt-users/issues/51))
+
+### 🏡 Chore
+
+- **release:** V1.2.0 ([54fd5c8](https://github.com/rrd108/nuxt-users/commit/54fd5c8))
+
+### ❤️ Contributors
+
+- Rrd108 ([@rrd108](https://github.com/rrd108))
+
+## v1.2.0
+
+[compare changes](https://github.com/rrd108/nuxt-users/compare/v1.1.6...v1.2.0)
+
+### 🚀 Enhancements
+
+- Adds user role functionality closes #25 ([#25](https://github.com/rrd108/nuxt-users/issues/25))
+- Adds authentication middleware and route whitelisting closes #52 ([#52](https://github.com/rrd108/nuxt-users/issues/52))
+
+### 🩹 Fixes
+
+- **ci:** Adds playground preparation step to CI ([cf9af1f](https://github.com/rrd108/nuxt-users/commit/cf9af1f))
+
+### 💅 Refactors
+
+- Uses default table names as fallback ([dcee2ee](https://github.com/rrd108/nuxt-users/commit/dcee2ee))
+
+### 🏡 Chore
+
+- **release:** V1.1.6 ([1222bcd](https://github.com/rrd108/nuxt-users/commit/1222bcd))
+- Consistently prefixes logs with "[Nuxt Users]" ([9ed1df1](https://github.com/rrd108/nuxt-users/commit/9ed1df1))
+
+### ❤️ Contributors
+
+- Rrd108 ([@rrd108](https://github.com/rrd108))
+
 ## v1.1.6
 
 [compare changes](https://github.com/rrd108/nuxt-users/compare/v1.1.5...v1.1.6)

package/README.md

@@ -1,15 +1,16 @@
 # Nuxt Users
 
-A user authentication module for Nuxt 3 with database support for SQLite and MySQL.
+A user authentication module for Nuxt 3 and Nuxt 4 with database support for SQLite, MySQL, and PostgreSQL.
 
 ## Features
 
 - 🔐 User authentication with bcrypt password hashing
-- 🗄️ Database support (SQLite, MySQL)
+- 🗄️ Database support (SQLite, MySQL, PostgreSQL)
 - 🛠️ CLI commands for database management
 - 🔑 Password Reset Functionality
 - 📦 Zero-config setup with sensible defaults
 - 🔧 TypeScript support
+- 🚀 Nuxt 3 & 4 compatibility
 
 ## Quick Start
 
@@ -35,6 +36,8 @@ npx nuxt-users migrate
 
 # Create your first user
 npx nuxt-users create-user user@example.com "John Doe" password123
+# Create an admin user
+npx nuxt-users create-user admin@example.com "Admin User" adminpass123 admin
 ```
 
 ## Documentation

package/dist/cli.mjs

@@ -2,7 +2,7 @@
 import { defineCommand, runMain } from 'citty';
 import 'db0';
 import 'bcrypt';
-import { r as runMigrations, a as createUser$1, d as createUsersTable$1, e as createPersonalAccessTokensTable$1, g as createPasswordResetTokensTable$1, h as createMigrationsTable$1 } from './shared/nuxt-users.eSQUrS6l.mjs';
+import { r as runMigrations, a as createUser$1, d as createUsersTable$1, e as createPersonalAccessTokensTable$1, g as createPasswordResetTokensTable$1, h as createMigrationsTable$1 } from './shared/nuxt-users.DZkU2AbH.mjs';
 import { loadNuxt } from '@nuxt/kit';
 
 const defaultOptions = {
@@ -85,7 +85,7 @@ const loadOptions = async () => {
     }
   } catch (error) {
     console.log("[Nuxt Users] Could not load Nuxt project, using environment variables");
-    console.error(error);
+    console.error("[Nuxt Users] Error:", error);
     return getOptionsFromEnv();
   }
 };
@@ -132,17 +132,23 @@ const createUser = defineCommand({
       type: "string",
       description: "User password",
       required: true
+    },
+    role: {
+      alias: "r",
+      type: "string",
+      description: 'User role (defaults to "user")',
+      default: "user"
     }
   },
   async run({ args }) {
-    const { email, name, password } = args;
+    const { email, name, password, role } = args;
     const options = await loadOptions();
     try {
-      const user = await createUser$1({ email, name, password }, options);
-      console.log(`[DB:Create User] User created successfully: ${user.email}`);
+      const user = await createUser$1({ email, name, password, role }, options);
+      console.log(`[Nuxt Users] User created successfully: ${user.email} (role: ${user.role})`);
       process.exit(0);
     } catch (error) {
-      console.error("[DB:Create User] Error:", error);
+      console.error("[Nuxt Users] Error:", error);
       process.exit(1);
     }
   }
@@ -160,7 +166,7 @@ const createUsersTable = defineCommand({
       await createUsersTable$1(options);
       console.log("[Nuxt Users] Users table created successfully!");
     } catch (error) {
-      console.error("[DB:Create Users Table] Error:", error);
+      console.error("[Nuxt Users] DB:Create Users Table Error:", error);
       process.exit(1);
     }
   }
@@ -178,7 +184,7 @@ const createPersonalAccessTokensTable = defineCommand({
       await createPersonalAccessTokensTable$1(options);
       console.log("[Nuxt Users] Personal access tokens table created successfully!");
     } catch (error) {
-      console.error("[DB:Create Personal Access Tokens Table] Error:", error);
+      console.error("[Nuxt Users] DB:Create Personal Access Tokens Table Error:", error);
       process.exit(1);
     }
   }
@@ -196,7 +202,7 @@ const createPasswordResetTokensTable = defineCommand({
       await createPasswordResetTokensTable$1(options);
       console.log("[Nuxt Users] Password reset tokens table created successfully!");
     } catch (error) {
-      console.error("[DB:Create Password Reset Tokens Table] Error:", error);
+      console.error("[Nuxt Users] DB:Create Password Reset Tokens Table Error:", error);
       process.exit(1);
     }
   }
@@ -214,7 +220,7 @@ const createMigrationsTable = defineCommand({
       await createMigrationsTable$1(options);
       console.log("[Nuxt Users] Migrations table created successfully!");
     } catch (error) {
-      console.error("[DB:Create Migrations Table] Error:", error);
+      console.error("[Nuxt Users] DB:Create Migrations Table Error:", error);
       process.exit(1);
     }
   }
@@ -229,28 +235,28 @@ const projectInfo = defineCommand({
     try {
       console.log("[Nuxt Users] Loading Nuxt project...");
       const nuxt = await loadNuxt({ cwd: process.cwd() });
-      console.log("\u2705 Nuxt project loaded successfully!");
-      console.log("\u{1F4C1} Source directory:", nuxt.options.srcDir);
-      console.log("\u{1F310} Base URL:", nuxt.options.app?.baseURL || "/");
+      console.log("[Nuxt Users] \u2705 Nuxt project loaded successfully!");
+      console.log("[Nuxt Users] \u{1F4C1} Source directory:", nuxt.options.srcDir);
+      console.log("[Nuxt Users] \u{1F310} Base URL:", nuxt.options.app?.baseURL || "/");
       const nuxtUsersConfig = nuxt.options.runtimeConfig?.nuxtUsers;
       if (nuxtUsersConfig) {
-        console.log("\u{1F527} Nuxt Users module configuration:");
-        console.log("   Database connector:", nuxtUsersConfig.connector?.name);
-        console.log("   Users table:", nuxtUsersConfig.tables?.users);
-        console.log("   Personal access tokens table:", nuxtUsersConfig.tables?.personalAccessTokens);
-        console.log("   Password reset tokens table:", nuxtUsersConfig.tables?.passwordResetTokens);
+        console.log("[Nuxt Users] \u{1F527} Nuxt Users module configuration:");
+        console.log("[Nuxt Users]    Database connector:", nuxtUsersConfig.connector?.name);
+        console.log("[Nuxt Users]    Users table:", nuxtUsersConfig.tables?.users);
+        console.log("[Nuxt Users]    Personal access tokens table:", nuxtUsersConfig.tables?.personalAccessTokens);
+        console.log("[Nuxt Users]    Password reset tokens table:", nuxtUsersConfig.tables?.passwordResetTokens);
       } else {
-        console.log("\u26A0\uFE0F  Nuxt Users module not configured in runtime config");
+        console.log("[Nuxt Users] \u26A0\uFE0F  Nuxt Users module not configured in runtime config");
       }
       const publicConfig = nuxt.options.runtimeConfig?.public?.nuxtUsers;
       if (publicConfig) {
-        console.log("\u{1F30D} Public runtime config:");
-        console.log("   Users table exists:", publicConfig.tables?.users);
-        console.log("   Personal access tokens table exists:", publicConfig.tables?.personalAccessTokens);
-        console.log("   Password reset tokens table exists:", publicConfig.tables?.passwordResetTokens);
+        console.log("[Nuxt Users] \u{1F30D} Public runtime config:");
+        console.log("[Nuxt Users]    Users table exists:", publicConfig.tables?.users);
+        console.log("[Nuxt Users]    Personal access tokens table exists:", publicConfig.tables?.personalAccessTokens);
+        console.log("[Nuxt Users]    Password reset tokens table exists:", publicConfig.tables?.passwordResetTokens);
       }
     } catch (error) {
-      console.error("\u274C Could not load Nuxt project:", error);
+      console.error("[Nuxt Users] \u274C Could not load Nuxt project:", error);
       process.exit(1);
     }
   }

package/dist/module.d.mts

@@ -1,5 +1,5 @@
 import * as _nuxt_schema from '@nuxt/schema';
-import { M as ModuleOptions } from './shared/nuxt-users.Dtq4WcpY.mjs';
+import { M as ModuleOptions } from './shared/nuxt-users.DGRKT2Tq.mjs';
 
 declare const defaultOptions: ModuleOptions;
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;

package/dist/module.d.ts

@@ -1,5 +1,5 @@
 import * as _nuxt_schema from '@nuxt/schema';
-import { M as ModuleOptions } from './shared/nuxt-users.Dtq4WcpY.js';
+import { M as ModuleOptions } from './shared/nuxt-users.DGRKT2Tq.js';
 
 declare const defaultOptions: ModuleOptions;
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-users",
   "configKey": "nuxtUsers",
-  "version": "1.1.6",
+  "version": "1.3.0",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.6.0"

package/dist/module.mjs

@@ -1,4 +1,4 @@
-import { defineNuxtModule, createResolver, addPlugin, addServerHandler, addComponent } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addPlugin, addImportsDir, addServerHandler, addComponent } from '@nuxt/kit';
 import { defu } from 'defu';
 
 const defaultOptions = {
@@ -28,6 +28,9 @@ const defaultOptions = {
     defaults: {
       from: '"Nuxt Users Module" <noreply@example.com>'
     }
+  },
+  auth: {
+    whitelist: ["/login"]
   }
 };
 const module = defineNuxtModule({
@@ -43,16 +46,20 @@ const module = defineNuxtModule({
     nuxt.options.runtimeConfig.nuxtUsers = {
       ...runtimeConfigOptions,
       tables: {
-        migrations: options.tables?.migrations || "migrations",
-        users: options.tables?.users || "users",
-        personalAccessTokens: options.tables?.personalAccessTokens || "personal_access_tokens",
-        passwordResetTokens: options.tables?.passwordResetTokens || "password_reset_tokens"
+        migrations: options.tables?.migrations || defaultOptions.tables.migrations,
+        users: options.tables?.users || defaultOptions.tables.users,
+        personalAccessTokens: options.tables?.personalAccessTokens || defaultOptions.tables.personalAccessTokens,
+        passwordResetTokens: options.tables?.passwordResetTokens || defaultOptions.tables.passwordResetTokens
+      },
+      auth: {
+        whitelist: options.auth?.whitelist || defaultOptions.auth?.whitelist || ["/login"]
       }
     };
     addPlugin({
       src: resolver.resolve("./runtime/plugin"),
       mode: "server"
     });
+    addImportsDir(resolver.resolve("./runtime/composables"));
     addServerHandler({
       route: "/api/login",
       method: "post",
@@ -68,6 +75,11 @@ const module = defineNuxtModule({
       method: "post",
       handler: resolver.resolve("./runtime/server/api/auth/reset-password.post")
     });
+    addServerHandler({
+      route: "/api/logout",
+      method: "get",
+      handler: resolver.resolve("./runtime/server/api/logout.get")
+    });
     addComponent({
       name: "LoginForm",
       filePath: resolver.resolve("./runtime/components/LoginForm.vue")
@@ -80,6 +92,10 @@ const module = defineNuxtModule({
       name: "ResetPasswordForm",
       filePath: resolver.resolve("./runtime/components/ResetPasswordForm.vue")
     });
+    addComponent({
+      name: "LogoutLink",
+      filePath: resolver.resolve("./runtime/components/LogoutLink.vue")
+    });
     nuxt.options.css = nuxt.options.css || [];
     nuxt.options.css.push(resolver.resolve("./runtime/assets/colors.css"));
   }

package/dist/runtime/assets/colors.css

@@ -1 +1 @@
-:root{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-secondary:#059669;--color-secondary-dark:#047857;--color-secondary-light:#10b981;--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#059669;--color-success-light:#f0fdf4;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-text:#92400e;--color-error:#dc2626;--color-error-light:#fef2f2;--color-error-border:#fecaca;--color-error-alt:#db5050;--color-border:#e5e7eb;--color-border-light:#d1d5db;--color-border-dark:#ccc;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6}
+:root{--color-primary:#60a5fa;--color-primary-dark:#3b82f6;--color-primary-light:#93c5fd;--color-secondary:#10b981;--color-secondary-dark:#059669;--color-secondary-light:#34d399;--color-white:#000;--color-black:#fff;--color-gray-50:#111827;--color-gray-100:#1f2937;--color-gray-200:#374151;--color-gray-300:#4b5563;--color-gray-400:#6b7280;--color-gray-500:#9ca3af;--color-gray-600:#d1d5db;--color-gray-700:#e5e7eb;--color-gray-800:#f3f4f6;--color-gray-900:#f9fafb;--color-success:#10b981;--color-success-light:#064e3b;--color-warning:#fbbf24;--color-warning-light:#451a03;--color-warning-text:#fef3c7;--color-error:#ef4444;--color-error-light:#450a0a;--color-error-border:#7f1d1d;--color-error-alt:#f87171;--color-border:#374151;--color-border-light:#4b5563;--color-border-dark:#6b7280;--color-bg-primary:#111827;--color-bg-secondary:#1f2937;--color-bg-tertiary:#374151}@media (prefers-color-scheme:light){.light,:root{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-secondary:#059669;--color-secondary-dark:#047857;--color-secondary-light:#10b981;--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#059669;--color-success-light:#f0fdf4;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-text:#92400e;--color-error:#dc2626;--color-error-light:#fef2f2;--color-error-border:#fecaca;--color-error-alt:#db5050;--color-border:#e5e7eb;--color-border-light:#d1d5db;--color-border-dark:#ccc;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6}}

package/dist/runtime/components/ForgotPasswordForm.vue

@@ -32,7 +32,7 @@ const handleForgotPassword = async () => {
     } else {
       message.value = "Failed to send password reset link.";
     }
-    console.error(err);
+    console.error("[Nuxt Users] Forgot Password Form Error:", err);
     isError.value = true;
   } finally {
     loading.value = false;

package/dist/runtime/components/LoginForm.vue

@@ -40,7 +40,7 @@ const handleSubmit = async () => {
 </script>
 
 <template>
-  <div class="login-form-container">
+  <section>
     <form @submit.prevent="handleSubmit">
       <!-- Header slot -->
       <slot name="header">
@@ -119,7 +119,9 @@ const handleSubmit = async () => {
             <a
               href="#"
               class="forgot-link"
-            >Forgot your password?</a>
+            >
+              Forgot your password?
+            </a>
           </p>
         </div>
       </slot>
@@ -137,9 +139,9 @@ const handleSubmit = async () => {
         </div>
       </slot>
     </form>
-  </div>
+  </section>
 </template>
 
 <style scoped>
-.login-form-container{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);margin:0 auto;max-width:400px;padding:2em;width:100%}form{gap:1.5rem}.form-group,form{display:flex;flex-direction:column}label{display:block;font-weight:500;margin-bottom:.5em}input[type=email],input[type=password],label{color:var(--color-gray-700);font-size:.875rem}input[type=email],input[type=password]{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px;box-sizing:border-box;padding:.75em 1em;transition:all .2s ease-in-out;width:100%}input[type=email]:focus,input[type=password]:focus{background-color:var(--color-bg-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.login-header{margin-bottom:1em;text-align:center}.login-title{color:var(--color-gray-800);font-size:1.875rem;font-weight:700;line-height:1.2;margin:0 0 .5em}.login-subtitle{color:var(--color-gray-500);font-size:.875rem;line-height:1.5;margin:0}.remember-me{align-items:center;display:flex;gap:.5rem}input[type=checkbox]{margin:0;width:auto}.remember-me label{color:var(--color-gray-700);font-size:.875rem;margin:0}button[type=submit]{align-items:center;background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:8px;color:var(--color-white);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-height:44px;padding:.75em 1em;transition:all .2s ease-in-out;width:100%}button[type=submit]:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{animation:spin 1s linear infinite;border:2px solid var(--color-white);border-radius:50%;border-top:2px solid transparent;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-footer{margin-top:1em;text-align:center}.forgot-password{margin:0}.forgot-link{color:var(--color-primary);font-size:.875rem;text-decoration:none;transition:color .2s ease-in-out}.forgot-link:hover{color:var(--color-primary-dark);text-decoration:underline}.error-message{background-color:var(--color-error-light);border:1px solid var(--color-error-border);border-radius:8px;color:var(--color-error);font-size:.875rem;margin-top:1em;padding:.75em 1em;text-align:center}@media (max-width:480px){.login-form-container{margin:1em;padding:1.5em}.login-title{font-size:1.5rem}}
+section{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.75em;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);margin:0 auto;max-width:25rem;padding:1em}form{gap:1.5rem}.form-group,form{display:flex;flex-direction:column}label{display:block;font-weight:500;margin-bottom:.5em}input[type=email],input[type=password],label{color:var(--color-gray-700);font-size:.875rem}input[type=email],input[type=password]{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px;box-sizing:border-box;padding:.75em 1em;transition:all .2s ease-in-out;width:100%}input[type=email]:focus,input[type=password]:focus{background-color:var(--color-bg-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.login-header{margin-bottom:1em;text-align:center}.login-title{color:var(--color-gray-800);font-size:1.875rem;font-weight:700;line-height:1.2;margin:0 0 .5em}.login-subtitle{color:var(--color-gray-500);font-size:.875rem;line-height:1.5;margin:0}.remember-me{align-items:center;display:flex;gap:.5rem}input[type=checkbox]{margin:0;width:auto}.remember-me label{color:var(--color-gray-700);font-size:.875rem;margin:0}button[type=submit]{align-items:center;background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:8px;color:var(--color-white);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-height:44px;padding:.75em 1em;transition:all .2s ease-in-out;width:100%}button[type=submit]:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{animation:spin 1s linear infinite;border:2px solid var(--color-white);border-radius:50%;border-top:2px solid transparent;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-footer{margin-top:1em;text-align:center}.forgot-password{margin:0}.forgot-link{color:var(--color-primary);font-size:.875rem;text-decoration:none;transition:color .2s ease-in-out}.forgot-link:hover{color:var(--color-primary-dark);text-decoration:underline}.error-message{background-color:var(--color-error-light);border:1px solid var(--color-error-border);border-radius:8px;color:var(--color-error);font-size:.875rem;margin-top:1em;padding:.75em 1em;text-align:center}@media (max-width:480px){.login-form-container{margin:1em;padding:1.5em}.login-title{font-size:1.5rem}}
 </style>

package/dist/runtime/components/LogoutLink.vue

@@ -0,0 +1,62 @@
+<script setup>
+import { ref } from "vue";
+import { navigateTo } from "#app";
+import { useAuth } from "../composables/useAuth";
+const props = defineProps({
+  redirectTo: { type: String, required: false, default: "/login" },
+  linkText: { type: String, required: false, default: "Logout" },
+  confirmMessage: { type: String, required: false, default: "Are you sure you want to logout?" },
+  class: { type: String, required: false }
+});
+const emit = defineEmits(["success", "click", "error"]);
+const { logout } = useAuth();
+const isLoading = ref(false);
+const error = ref("");
+const handleLogout = async (event) => {
+  event.preventDefault();
+  if (!confirm(props.confirmMessage)) {
+    return;
+  }
+  isLoading.value = true;
+  error.value = "";
+  try {
+    emit("click");
+    await logout();
+    emit("success");
+    if (props.redirectTo) {
+      await navigateTo(props.redirectTo);
+    }
+  } catch (err) {
+    const errorMessage = err instanceof Error ? err.message : "Logout failed";
+    error.value = errorMessage;
+    emit("error", errorMessage);
+  } finally {
+    isLoading.value = false;
+  }
+};
+</script>
+
+<template>
+  <div>
+    <div
+      v-if="error"
+      class="error-message"
+    >
+      {{ error }}
+    </div>
+
+    <a
+      href="#"
+      :class="['logout-link', { loading: isLoading }, props.class]"
+      :disabled="isLoading"
+      @click="handleLogout"
+    >
+      <span v-if="isLoading">Logging out...</span>
+      <span v-else>{{ linkText }}</span>
+    </a>
+  </div>
+</template>
+
+<style scoped>
+.logout-link{color:#dc3545;cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.logout-link:hover:not(.loading){color:#c82333;text-decoration:underline}.logout-link.loading{cursor:not-allowed;opacity:.6;pointer-events:none}.error-message{color:#dc3545;font-size:.875rem;margin-bottom:.5rem}
+</style>

package/dist/runtime/components/LogoutLink.vue.d.ts

@@ -0,0 +1,20 @@
+interface LogoutLinkProps {
+    redirectTo?: string;
+    linkText?: string;
+    confirmMessage?: string;
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<LogoutLinkProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: () => any;
+    error: (error: string) => any;
+    success: () => any;
+}, string, import("vue").PublicProps, Readonly<LogoutLinkProps> & Readonly<{
+    onClick?: (() => any) | undefined;
+    onError?: ((error: string) => any) | undefined;
+    onSuccess?: (() => any) | undefined;
+}>, {
+    redirectTo: string;
+    linkText: string;
+    confirmMessage: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/ResetPasswordForm.vue

@@ -72,7 +72,7 @@ const handleResetPassword = async () => {
     } else {
       message.value = "Failed to reset password.";
     }
-    console.error(err);
+    console.error("[Nuxt Users] Reset Password Form Error:", err);
     isError.value = true;
   } finally {
     loading.value = false;

package/dist/runtime/composables/useAuth.d.ts

@@ -0,0 +1,5 @@
+import type { User } from '../../types.js';
+export declare const useAuth: () => {
+    user: import("vue").Ref<User | null, User | null>;
+    logout: () => Promise<void>;
+};

package/dist/runtime/composables/useAuth.js

@@ -0,0 +1,19 @@
+import { useState } from "#app";
+export const useAuth = () => {
+  const user = useState("user", () => null);
+  const logout = async () => {
+    try {
+      await $fetch("/api/logout", {
+        method: "GET"
+      });
+      user.value = null;
+    } catch (error) {
+      console.error("Logout failed:", error);
+      user.value = null;
+    }
+  };
+  return {
+    user,
+    logout
+  };
+};

package/dist/runtime/middleware/auth.global.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("#app").RouteMiddleware;
+export default _default;

package/dist/runtime/middleware/auth.global.js

@@ -0,0 +1,12 @@
+import { defineNuxtRouteMiddleware, useRuntimeConfig, navigateTo } from "#app";
+import { useAuth } from "../composables/useAuth.js";
+export default defineNuxtRouteMiddleware((to, _from) => {
+  const { nuxtUsers } = useRuntimeConfig();
+  const { user } = useAuth();
+  if (to.path === "/login") {
+    return;
+  }
+  if (!user.value && !nuxtUsers.auth?.whitelist?.includes(to.path)) {
+    return navigateTo("/login");
+  }
+});

package/dist/runtime/plugin.js

@@ -3,7 +3,6 @@ import { checkTableExists } from "../utils";
 export default defineNuxtPlugin(async (_nuxtApp) => {
   const { nuxtUsers } = useRuntimeConfig();
   const options = nuxtUsers;
-  console.log({ nuxtUsers });
   const hasMigrationsTable = await checkTableExists(options, options.tables.migrations);
   if (!hasMigrationsTable) {
     console.warn("[Nuxt Users] \u26A0\uFE0F  Migrations table does not exist, you should run the migration script to create it by running: npx nuxt-users migrate");

package/dist/runtime/server/api/auth/forgot-password.post.js

@@ -14,9 +14,9 @@ export default defineEventHandler(async (event) => {
     return { message: "If a user with that email exists, a password reset link has been sent." };
   } catch (error) {
     if (error instanceof Error) {
-      console.error("Error in forgot-password endpoint:", error.message);
+      console.error("[Nuxt Users] Error in forgot-password endpoint:", error.message);
     } else {
-      console.error("Error in forgot-password endpoint:", error);
+      console.error("[Nuxt Users] Error in forgot-password endpoint:", error);
     }
     throw createError({
       statusCode: 500,

package/dist/runtime/server/api/auth/reset-password.post.js

@@ -33,9 +33,9 @@ export default defineEventHandler(async (event) => {
     }
   } catch (error) {
     if (error instanceof Error) {
-      console.error("Error in reset-password endpoint:", error.message);
+      console.error("[Nuxt Users] Error in reset-password endpoint:", error.message);
     } else {
-      console.error("Error in reset-password endpoint:", error);
+      console.error("[Nuxt Users] Error in reset-password endpoint:", error);
     }
     if (error instanceof H3Error) {
       throw error;

package/dist/runtime/server/api/login.post.d.ts

@@ -3,6 +3,7 @@ declare const _default: import("h3").EventHandler<import("h3").EventHandlerReque
         id: number;
         email: string;
         name: string;
+        role: string;
         created_at: string;
         updated_at: string;
     };

package/dist/runtime/server/api/login.post.js

@@ -46,7 +46,7 @@ export default defineEventHandler(async (event) => {
     sameSite: "lax",
     // Adjust as needed
     maxAge: 60 * 60 * 24 * 7,
-    // Example: 7 days
+    // 7 days
     path: "/"
   });
   const { password: _, ...userWithoutPassword } = user;

package/dist/runtime/server/api/logout.get.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<{
+    message: string;
+}>>;
+export default _default;

package/dist/runtime/server/api/logout.get.js

@@ -0,0 +1,21 @@
+import { defineEventHandler, getCookie, setCookie } from "h3";
+import { useRuntimeConfig } from "#imports";
+import { useDb } from "../../../utils";
+export default defineEventHandler(async (event) => {
+  const { nuxtUsers } = useRuntimeConfig();
+  const options = nuxtUsers;
+  const db = await useDb(options);
+  const personalAccessTokensTable = options.tables.personalAccessTokens;
+  const token = getCookie(event, "auth_token");
+  if (token) {
+    await db.sql`DELETE FROM {${personalAccessTokensTable}} WHERE token = ${token}`;
+  }
+  setCookie(event, "auth_token", "", {
+    httpOnly: true,
+    secure: process.env.NODE_ENV === "production",
+    sameSite: "lax",
+    maxAge: 0,
+    path: "/"
+  });
+  return { message: "Logged out successfully" };
+});

package/dist/runtime/server/services/password.js

@@ -6,7 +6,7 @@ const TOKEN_EXPIRATION_HOURS = 1;
 export const sendPasswordResetLink = async (email, options) => {
   const user = await findUserByEmail(email, options);
   if (!user) {
-    console.log(`Password reset requested for non-existent email: ${email}`);
+    console.log(`[Nuxt Users] Password reset requested for non-existent email: ${email}`);
     return;
   }
   const db = await useDb(options);
@@ -18,7 +18,7 @@ export const sendPasswordResetLink = async (email, options) => {
     VALUES (${email}, ${hashedToken}, CURRENT_TIMESTAMP)
   `;
   if (!options.mailer) {
-    console.error("Mailer configuration is missing. Cannot send password reset email.");
+    console.error("[Nuxt Users] Mailer configuration is missing. Cannot send password reset email.");
     return;
   }
   const transporter = createTransport({
@@ -38,9 +38,9 @@ export const sendPasswordResetLink = async (email, options) => {
       text: `Please click the following link to reset your password: ${options.passwordResetBaseUrl}`,
       html: `<p>Please click the following link to reset your password:</p><p><a href="${options.passwordResetBaseUrl}">${options.passwordResetBaseUrl}</a></p><p>This link will expire in ${TOKEN_EXPIRATION_HOURS} hour(s).</p>`
     });
-    console.log(`Password reset email sent to ${email}`);
+    console.log(`[Nuxt Users] Password reset email sent to ${email}`);
   } catch (error) {
-    console.error(`Failed to send password reset email to ${email}:`, error);
+    console.error(`[Nuxt Users] Failed to send password reset email to ${email}:`, error);
   }
 };
 export const resetPassword = async (token, email, newPassword, options) => {
@@ -52,7 +52,7 @@ export const resetPassword = async (token, email, newPassword, options) => {
     ORDER BY created_at DESC
   `;
   if (tokenRecords.rows.length === 0) {
-    console.log(`No password reset tokens found for email: ${email}`);
+    console.log(`[Nuxt Users] No password reset tokens found for email: ${email}`);
     return false;
   }
   let validTokenRecord = null;
@@ -64,7 +64,7 @@ export const resetPassword = async (token, email, newPassword, options) => {
     }
   }
   if (!validTokenRecord || !validTokenRecord.created_at) {
-    console.log(`Invalid password reset token provided for email: ${email}`);
+    console.log(`[Nuxt Users] Invalid password reset token provided for email: ${email}`);
     return false;
   }
   const now = /* @__PURE__ */ new Date();
@@ -82,13 +82,13 @@ export const resetPassword = async (token, email, newPassword, options) => {
   }
   const expirationTimeString = `${expirationYear.toString().padStart(4, "0")}-${expirationMonth.toString().padStart(2, "0")}-${expirationDay.toString().padStart(2, "0")} ${expirationHour.toString().padStart(2, "0")}:${minute.toString().padStart(2, "0")}:${second.toString().padStart(2, "0")}`;
   if (currentTimeString > expirationTimeString) {
-    console.log(`Expired password reset token for email: ${email}`);
+    console.log(`[Nuxt Users] Expired password reset token for email: ${email}`);
     await db.sql`DELETE FROM {${passwordResetTokensTable}} WHERE id = ${validTokenRecord.id}`;
     return false;
   }
   await updateUserPassword(email, newPassword, options);
   await db.sql`DELETE FROM {${passwordResetTokensTable}} WHERE email = ${email}`;
-  console.log(`Password reset successful for email: ${email}`);
+  console.log(`[Nuxt Users] Password reset successful for email: ${email}`);
   return true;
 };
 export const deleteExpiredPasswordResetTokens = async (options) => {
@@ -101,5 +101,5 @@ export const deleteExpiredPasswordResetTokens = async (options) => {
     DELETE FROM {${passwordResetTokensTable}}
     WHERE created_at < ${expirationDateString}
   `;
-  console.log(`Expired password reset tokens older than ${expirationDateString} deleted.`);
+  console.log(`[Nuxt Users] Expired password reset tokens older than ${expirationDateString} deleted.`);
 };

package/dist/shared/{nuxt-users.Dtq4WcpY.d.mts → nuxt-users.DGRKT2Tq.d.mts}

@@ -32,7 +32,14 @@ interface ModuleOptions {
      * Skip database checks during module setup to prevent hanging
      * @default false
      */
-    skipDatabaseChecks?: boolean;
+    auth?: {
+        /**
+         * Whitelisted routes that do not require authentication
+         * @default ['/login']
+         * @example ['/login', '/register']
+         */
+        whitelist: string[];
+    };
 }
 interface MailerOptions {
     host: string;
@@ -51,6 +58,7 @@ interface User {
     email: string;
     name: string;
     password: string;
+    role: string;
     created_at: string;
     updated_at: string;
 }

package/dist/shared/{nuxt-users.Dtq4WcpY.d.ts → nuxt-users.DGRKT2Tq.d.ts}

@@ -32,7 +32,14 @@ interface ModuleOptions {
      * Skip database checks during module setup to prevent hanging
      * @default false
      */
-    skipDatabaseChecks?: boolean;
+    auth?: {
+        /**
+         * Whitelisted routes that do not require authentication
+         * @default ['/login']
+         * @example ['/login', '/register']
+         */
+        whitelist: string[];
+    };
 }
 interface MailerOptions {
     host: string;
@@ -51,6 +58,7 @@ interface User {
     email: string;
     name: string;
     password: string;
+    role: string;
     created_at: string;
     updated_at: string;
 }

package/dist/shared/{nuxt-users.eSQUrS6l.mjs → nuxt-users.DZkU2AbH.mjs}

@@ -33,7 +33,7 @@ const useDb = async (options) => {
   try {
     return createDatabase(connector(connectorOptions));
   } catch (error) {
-    console.warn(`[Nuxt Users DB] \u26A0\uFE0F  Failed to connect to ${connectorName} database:`, error instanceof Error ? error.message : "Unknown error");
+    console.warn(`[Nuxt Users] \u26A0\uFE0F  Failed to connect to ${connectorName} database:`, error instanceof Error ? error.message : "Unknown error");
     throw error;
   }
 };
@@ -51,11 +51,12 @@ const createUser = async (userData, options) => {
   const db = await useDb(options);
   const usersTable = options.tables.users;
   const hashedPassword = await bcrypt.hash(userData.password, 10);
+  const role = userData.role || "user";
   await db.sql`
-    INSERT INTO {${usersTable}} (email, name, password, created_at, updated_at)
-    VALUES (${userData.email}, ${userData.name}, ${hashedPassword}, CURRENT_TIMESTAMP, CURRENT_TIMESTAMP)
+    INSERT INTO {${usersTable}} (email, name, password, role, created_at, updated_at)
+    VALUES (${userData.email}, ${userData.name}, ${hashedPassword}, ${role}, CURRENT_TIMESTAMP, CURRENT_TIMESTAMP)
   `;
-  const result = await db.sql`SELECT id, email, name, created_at, updated_at FROM {${usersTable}} WHERE email = ${userData.email}`;
+  const result = await db.sql`SELECT id, email, name, role, created_at, updated_at FROM {${usersTable}} WHERE email = ${userData.email}`;
   if (result.rows.length === 0) {
     throw new Error("Failed to retrieve created user.");
   }
@@ -64,6 +65,7 @@ const createUser = async (userData, options) => {
     id: user.id,
     email: user.email,
     name: user.name,
+    role: user.role,
     created_at: user.created_at instanceof Date ? user.created_at.toISOString() : user.created_at,
     updated_at: user.updated_at instanceof Date ? user.updated_at.toISOString() : user.updated_at
   };
@@ -81,6 +83,7 @@ const findUserByEmail = async (email, options) => {
     email: user.email,
     name: user.name,
     password: user.password,
+    role: user.role,
     created_at: user.created_at instanceof Date ? user.created_at.toISOString() : user.created_at,
     updated_at: user.updated_at instanceof Date ? user.updated_at.toISOString() : user.updated_at
   };
@@ -100,7 +103,7 @@ const createUsersTable = async (options) => {
   const connectorName = options.connector.name;
   const db = await useDb(options);
   const tableName = options.tables.users;
-  console.log(`[DB:Create ${connectorName} Users Table] Creating ${tableName}...`);
+  console.log(`[Nuxt Users] DB:Create ${connectorName} Users Table Creating ${tableName}...`);
   if (connectorName === "sqlite") {
     await db.sql`
     CREATE TABLE IF NOT EXISTS {${tableName}} (
@@ -108,6 +111,7 @@ const createUsersTable = async (options) => {
       email TEXT NOT NULL UNIQUE,
       name TEXT NOT NULL,
       password TEXT NOT NULL,
+      role TEXT NOT NULL DEFAULT 'user',
       created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
       updated_at DATETIME DEFAULT CURRENT_TIMESTAMP
     )
@@ -120,6 +124,7 @@ const createUsersTable = async (options) => {
         email VARCHAR(255) NOT NULL UNIQUE,
         name VARCHAR(255) NOT NULL,
         password VARCHAR(255) NOT NULL,
+        role VARCHAR(32) NOT NULL DEFAULT 'user',
         created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
         updated_at DATETIME DEFAULT CURRENT_TIMESTAMP
       )
@@ -132,19 +137,20 @@ const createUsersTable = async (options) => {
         email VARCHAR(255) NOT NULL UNIQUE,
         name VARCHAR(255) NOT NULL,
         password VARCHAR(255) NOT NULL,
+        role VARCHAR(32) NOT NULL DEFAULT 'user',
         created_at TIMESTAMPTZ DEFAULT CURRENT_TIMESTAMP,
         updated_at TIMESTAMPTZ DEFAULT CURRENT_TIMESTAMP
       )
     `;
   }
-  console.log(`[DB:Create ${connectorName} Users Table] Fields: id, email, name, password, created_at, updated_at \u2705`);
+  console.log(`[Nuxt Users] DB:Create ${connectorName} Users Table Fields: id, email, name, password, role, created_at, updated_at \u2705`);
 };
 
 const createPersonalAccessTokensTable = async (options) => {
   const connectorName = options.connector.name;
   const db = await useDb(options);
   const tableName = options.tables.personalAccessTokens;
-  console.log(`[DB:Create Personal Access Tokens ${connectorName} Table] Creating ${tableName} table with ${connectorName} connector...`);
+  console.log(`[Nuxt Users] DB:Create Personal Access Tokens ${connectorName} Table Creating ${tableName} table with ${connectorName} connector...`);
   if (connectorName === "sqlite") {
     await db.sql`
     CREATE TABLE IF NOT EXISTS {${tableName}} (
@@ -193,14 +199,14 @@ const createPersonalAccessTokensTable = async (options) => {
     )
   `;
   }
-  console.log(`[DB:Create Personal Access Tokens ${connectorName} Table] Fields: id, tokenable_type, tokenable_id, name, token, abilities, last_used_at, expires_at, created_at, updated_at \u2705`);
+  console.log(`[Nuxt Users] DB:Create Personal Access Tokens ${connectorName} Table Fields: id, tokenable_type, tokenable_id, name, token, abilities, last_used_at, expires_at, created_at, updated_at \u2705`);
 };
 
 const createPasswordResetTokensTable = async (options) => {
   const connectorName = options.connector.name;
   const db = await useDb(options);
   const tableName = options.tables.passwordResetTokens;
-  console.log(`[DB:Create Password Reset Tokens ${connectorName} Table] Creating ${tableName} table with ${connectorName} connector...`);
+  console.log(`[Nuxt Users] DB:Create Password Reset Tokens ${connectorName} Table Creating ${tableName} table with ${connectorName} connector...`);
   if (connectorName === "sqlite") {
     await db.sql`
     CREATE TABLE IF NOT EXISTS {${tableName}} (
@@ -233,14 +239,14 @@ const createPasswordResetTokensTable = async (options) => {
   }
   await db.sql`CREATE INDEX IF NOT EXISTS idx_password_reset_tokens_email ON {${tableName}} (email)`;
   await db.sql`CREATE INDEX IF NOT EXISTS idx_password_reset_tokens_token ON {${tableName}} (token)`;
-  console.log(`[DB:Create Password Reset Tokens ${connectorName} Table] Fields: id, email, token, created_at \u2705`);
+  console.log(`[Nuxt Users] DB:Create Password Reset Tokens ${connectorName} Table Fields: id, email, token, created_at \u2705`);
 };
 
 const createMigrationsTable = async (options) => {
   const connectorName = options.connector.name;
   const db = await useDb(options);
   const tableName = "migrations";
-  console.log(`[DB:Create Migrations ${connectorName} Table] Creating ${tableName} table with ${connectorName} connector...`);
+  console.log(`[Nuxt Users] DB:Create Migrations ${connectorName} Table Creating ${tableName} table with ${connectorName} connector...`);
   if (connectorName === "sqlite") {
     await db.sql`
     CREATE TABLE IF NOT EXISTS {${tableName}} (
@@ -268,7 +274,7 @@ const createMigrationsTable = async (options) => {
       )
     `;
   }
-  console.log(`[DB:Create Migrations ${connectorName} Table] successfull \u2705`);
+  console.log(`[Nuxt Users] DB:Create Migrations ${connectorName} Table successfull \u2705`);
 };
 
 const migrations = [
@@ -314,7 +320,7 @@ const runMigrations = async (options) => {
   }
   console.log(`[Nuxt Users] Found ${pendingMigrations.length} pending migrations:`);
   pendingMigrations.forEach((migration) => {
-    console.log(`  - ${migration.name}`);
+    console.log(`[Nuxt Users]   - ${migration.name}`);
   });
   for (const migration of pendingMigrations) {
     console.log(`[Nuxt Users] Running migration: ${migration.name}`);

package/dist/utils.d.mts

@@ -1,5 +1,5 @@
 import * as db0 from 'db0';
-import { M as ModuleOptions, U as User } from './shared/nuxt-users.Dtq4WcpY.mjs';
+import { M as ModuleOptions, U as User } from './shared/nuxt-users.DGRKT2Tq.mjs';
 
 declare const useDb: (options: ModuleOptions) => Promise<db0.Database<db0.Connector<Database.Database>>>;
 declare const checkTableExists: (options: ModuleOptions, tableName: string) => Promise<boolean>;
@@ -8,6 +8,7 @@ interface CreateUserParams {
     email: string;
     name: string;
     password: string;
+    role?: string;
 }
 /**
  * Creates a new user in the database.

package/dist/utils.d.ts

@@ -1,5 +1,5 @@
 import * as db0 from 'db0';
-import { M as ModuleOptions, U as User } from './shared/nuxt-users.Dtq4WcpY.js';
+import { M as ModuleOptions, U as User } from './shared/nuxt-users.DGRKT2Tq.js';
 
 declare const useDb: (options: ModuleOptions) => Promise<db0.Database<db0.Connector<Database.Database>>>;
 declare const checkTableExists: (options: ModuleOptions, tableName: string) => Promise<boolean>;
@@ -8,6 +8,7 @@ interface CreateUserParams {
     email: string;
     name: string;
     password: string;
+    role?: string;
 }
 /**
  * Creates a new user in the database.

package/dist/utils.mjs

@@ -1,3 +1,3 @@
-export { c as checkTableExists, h as createMigrationsTable, g as createPasswordResetTokensTable, e as createPersonalAccessTokensTable, a as createUser, d as createUsersTable, f as findUserByEmail, r as runMigrations, b as updateUserPassword, u as useDb } from './shared/nuxt-users.eSQUrS6l.mjs';
+export { c as checkTableExists, h as createMigrationsTable, g as createPasswordResetTokensTable, e as createPersonalAccessTokensTable, a as createUser, d as createUsersTable, f as findUserByEmail, r as runMigrations, b as updateUserPassword, u as useDb } from './shared/nuxt-users.DZkU2AbH.mjs';
 import 'bcrypt';
 import 'db0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-users",
-  "version": "1.1.6",
+  "version": "1.3.0",
   "description": "A comprehensive user management module for Nuxt 3 applications with authentication, database support, and CLI tools",
   "keywords": [
     "nuxt",