nuxt-users 1.38.0 → 1.40.0

package/README.md

@@ -1,4 +1,12 @@
 # Nuxt Users
+[![Context7](https://img.shields.io/badge/Context7-Indexed-blue)](https://context7.com/rrd108/nuxt-users)
+[![npm version](https://img.shields.io/npm/v/nuxt-users/latest.svg)](https://www.npmjs.com/package/nuxt-users)
+[![npm downloads](https://img.shields.io/npm/dm/nuxt-users.svg)](https://www.npmjs.com/package/nuxt-users)
+[![License](https://img.shields.io/npm/l/nuxt-users.svg)](https://github.com/rrd108/nuxt-users/blob/main/LICENSE)
+[![ci](https://github.com/rrd108/nuxt-users/actions/workflows/ci.yml/badge.svg)](https://github.com/rrd108/nuxt-users/actions/workflows/ci.yml)
+[![Nuxt 3](https://img.shields.io/badge/Nuxt-3-00DC82.svg?logo=nuxt.js&logoColor=white)](https://nuxt.com)
+[![Nuxt 4](https://img.shields.io/badge/Nuxt-4-00DC82.svg?logo=nuxt.js&logoColor=white)](https://nuxt.com)
+
 
 A user authentication module for Nuxt 3 and Nuxt 4 with database support for SQLite, MySQL, and PostgreSQL.
 
@@ -39,7 +47,7 @@ A user authentication module for Nuxt 3 and Nuxt 4 with database support for SQL
 
 MIT
 
-## Dev misc
+## Dev Misc
 
 ### Using yalc
 
@@ -49,4 +57,8 @@ yalc publish
 
 # Install the module in the consumer app
 yalc add nuxt-users
+
+# Clean up consumer app
+yalc remove nuxt-users
+yarn add nuxt-users
 ```

package/dist/cli.mjs

@@ -4,11 +4,12 @@ import { readFileSync } from 'node:fs';
 import { defaultOptions } from './module.mjs';
 import { loadNuxt } from '@nuxt/kit';
 import { defu } from 'defu';
-import { runMigrations, createUser as createUser$1, createUsersTable as createUsersTable$1, createPersonalAccessTokensTable as createPersonalAccessTokensTable$1, createPasswordResetTokensTable as createPasswordResetTokensTable$1, createMigrationsTable as createMigrationsTable$1 } from '../dist/runtime/server/utils/index.js';
-import { g as getPasswordValidationOptions, v as validatePassword } from './shared/nuxt-users.BnOQs2LI.mjs';
+import { runMigrations, createUser as createUser$1, createUsersTable as createUsersTable$1, createPersonalAccessTokensTable as createPersonalAccessTokensTable$1, createPasswordResetTokensTable as createPasswordResetTokensTable$1, createMigrationsTable as createMigrationsTable$1, useDb, checkTableExists, getAppliedMigrations } from '../dist/runtime/server/utils/index.js';
+import { g as getPasswordValidationOptions, v as validatePassword } from './shared/nuxt-users.DfZ7bc_P.mjs';
+import '../dist/runtime/locales/index.js';
+import '../dist/runtime/utils/locale.js';
+import '../dist/runtime/utils/deep-merge.js';
 import { addActiveToUsers as addActiveToUsers$1 } from '../dist/runtime/server/utils/add-active-to-users.js';
-import { useDb, checkTableExists } from '../dist/runtime/server/utils/db.js';
-import { getAppliedMigrations } from '../dist/runtime/server/utils/migrate.js';
 import '../dist/runtime/server/internal/index.js';
 
 const getOptionsFromEnv = () => {
@@ -52,33 +53,58 @@ const getOptionsFromEnv = () => {
 const loadOptions = async () => {
   try {
     console.log("[Nuxt Users] Loading Nuxt project...");
+    console.log("[Nuxt Users] \u2139\uFE0F  Note: CLI commands read .env files. If you use .env.local in development, export variables first:");
+    console.log("[Nuxt Users]    set -a; source .env.local; set +a; npx nuxt-users <command>");
+    console.log("[Nuxt Users]    In production, environment variables are set directly in the deployment environment.");
     const nuxt = await loadNuxt({ cwd: process.cwd(), ready: false });
     const topLevelConfig = nuxt.options.nuxtUsers;
-    const originalRuntimeConfig = await (async () => {
-      try {
-        const configPath = await import('node:path').then((p) => p.resolve(process.cwd(), "nuxt.config.ts"));
-        const config = await import(configPath).then((m) => m.default);
-        return config?.runtimeConfig?.nuxtUsers;
-      } catch {
-        return nuxt.options.runtimeConfig?.nuxtUsers;
-      }
-    })();
+    const processedRuntimeConfig = nuxt.options.runtimeConfig?.nuxtUsers;
     await nuxt.close();
-    if (topLevelConfig || originalRuntimeConfig) {
+    if (topLevelConfig || processedRuntimeConfig) {
       console.log("[Nuxt Users] Using configuration from nuxt.config");
-      let mergedConfig = defu(topLevelConfig, originalRuntimeConfig, defaultOptions);
-      const configuredConnector = topLevelConfig?.connector || originalRuntimeConfig?.connector;
-      if (configuredConnector) {
-        mergedConfig = {
-          ...mergedConfig,
-          connector: configuredConnector
-        };
+      const { connector: _defaultConnector, ...defaultsWithoutConnector } = defaultOptions;
+      const mergedConfig = defu(topLevelConfig, processedRuntimeConfig, defaultsWithoutConnector);
+      const configuredConnector = topLevelConfig?.connector || processedRuntimeConfig?.connector;
+      mergedConfig.connector = configuredConnector || defaultOptions.connector;
+      if (mergedConfig.connector.name === "mysql" || mergedConfig.connector.name === "postgresql") {
+        const options = mergedConfig.connector.options;
+        const envOptions = {};
+        if (!options.user && process.env.DB_USER) {
+          envOptions.user = process.env.DB_USER;
+        }
+        if (!options.password && process.env.DB_PASSWORD) {
+          envOptions.password = process.env.DB_PASSWORD;
+        }
+        if (!options.host && process.env.DB_HOST) {
+          envOptions.host = process.env.DB_HOST;
+        }
+        if (!options.database && process.env.DB_NAME) {
+          envOptions.database = process.env.DB_NAME;
+        }
+        if (!options.port && process.env.DB_PORT) {
+          envOptions.port = Number.parseInt(process.env.DB_PORT);
+        }
+        if (Object.keys(envOptions).length > 0) {
+          mergedConfig.connector.options = { ...options, ...envOptions };
+          console.log("[Nuxt Users] Filled in missing connector options from environment variables");
+        }
+        const finalOptions = mergedConfig.connector.options;
+        if (!finalOptions.user || !finalOptions.password || !finalOptions.host || !finalOptions.database) {
+          console.warn("[Nuxt Users] Warning: MySQL/PostgreSQL connector options are incomplete.");
+          console.warn("[Nuxt Users] Required: user, password, host, database");
+          console.warn("[Nuxt Users] Found:", {
+            user: finalOptions.user || "(missing)",
+            password: finalOptions.password ? "***" : "(missing)",
+            host: finalOptions.host || "(missing)",
+            database: finalOptions.database || "(missing)"
+          });
+          console.warn("[Nuxt Users] Please set these in nuxt.config.ts or as environment variables (DB_USER, DB_PASSWORD, DB_HOST, DB_NAME)");
+        }
       }
       return mergedConfig;
-    } else {
-      console.log("[Nuxt Users] No nuxt-users configuration found, using environment variables");
-      return getOptionsFromEnv();
     }
+    console.log("[Nuxt Users] No nuxt-users configuration found, using environment variables");
+    return getOptionsFromEnv();
   } catch (error) {
     console.log("[Nuxt Users] Could not load Nuxt project, using environment variables");
     console.error("[Nuxt Users] Error:", error);
@@ -327,7 +353,9 @@ const projectInfo = defineCommand({
   async run() {
     try {
       console.log("[Nuxt Users] Loading Nuxt project...");
-      console.log("[Nuxt Users] \u2139\uFE0F  Note: This command only reads .env files. If you use .env.local or other env files, export those variables first.");
+      console.log("[Nuxt Users] \u2139\uFE0F  Note: CLI commands read .env files. If you use .env.local in development, export variables first:");
+      console.log("[Nuxt Users]    set -a; source .env.local; set +a; npx nuxt-users <command>");
+      console.log("[Nuxt Users]    In production, environment variables are set directly in the deployment environment.");
       const nuxt = await loadNuxt({ cwd: process.cwd() });
       console.log("[Nuxt Users] \u2705 Nuxt project loaded successfully!");
       console.log("[Nuxt Users] \u{1F4C1} Source directory:", nuxt.options.srcDir);
@@ -369,14 +397,16 @@ const projectInfo = defineCommand({
                 console.log("[Nuxt Users]      -", migration);
               });
             }
-          } else {
+          }
+          if (!migrationsTableExists) {
             console.log("[Nuxt Users]    Table exists: no \u274C");
             console.log('[Nuxt Users]    \u27A1\uFE0F  Run "npx nuxt-users migrate" to set up the database');
           }
         } catch (error) {
           console.log("[Nuxt Users]    Status: \u26A0\uFE0F  Error -", error instanceof Error ? error.message : "Unknown error");
         }
-      } else {
+      }
+      if (!nuxtUsersConfig) {
         console.log("[Nuxt Users] \u26A0\uFE0F  Nuxt Users module not configured in runtime config");
       }
     } catch (error) {

package/dist/module.d.mts

@@ -1,8 +1,8 @@
 import * as _nuxt_schema from '@nuxt/schema';
-import { R as RuntimeModuleOptions, M as ModuleOptions } from './shared/nuxt-users.SXaMnaEL.mjs';
+import { M as ModuleOptions } from './shared/nuxt-users.XW6DYM7t.mjs';
 export * from '../dist/runtime/server/internal/index.js';
 
 declare const defaultOptions: ModuleOptions;
-declare const _default: _nuxt_schema.NuxtModule<RuntimeModuleOptions, RuntimeModuleOptions, false>;
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
 export { _default as default, defaultOptions };

package/dist/module.d.ts

@@ -1,8 +1,8 @@
 import * as _nuxt_schema from '@nuxt/schema';
-import { R as RuntimeModuleOptions, M as ModuleOptions } from './shared/nuxt-users.SXaMnaEL.js';
+import { M as ModuleOptions } from './shared/nuxt-users.XW6DYM7t.js';
 export * from '../dist/runtime/server/internal/index.js';
 
 declare const defaultOptions: ModuleOptions;
-declare const _default: _nuxt_schema.NuxtModule<RuntimeModuleOptions, RuntimeModuleOptions, false>;
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
 export { _default as default, defaultOptions };

package/dist/module.json

@@ -1,7 +1,10 @@
 {
   "name": "nuxt-users",
   "configKey": "nuxtUsers",
-  "version": "1.38.0",
+  "compatibility": {
+    "nuxt": ">=3.0.0"
+  },
+  "version": "1.40.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,4 +1,4 @@
-import { defineNuxtModule, createResolver, addPlugin, addImportsDir, addServerImportsDir, addServerHandler, addRouteMiddleware, addComponentsDir } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addPlugin, addImportsDir, addServerImportsDir, addServerScanDir, addServerHandler, addRouteMiddleware, addComponentsDir } from '@nuxt/kit';
 import { defu } from 'defu';
 export * from '../dist/runtime/server/internal/index.js';
 
@@ -50,12 +50,22 @@ const defaultOptions = {
     requireSpecialChars: true,
     preventCommonPasswords: true
   },
-  hardDelete: false
+  hardDelete: false,
+  locale: {
+    default: "en",
+    fallbackLocale: "en",
+    texts: {}
+  },
+  tokenCleanupSchedule: "0 2 * * *"
+  // Daily at 2 AM
 };
 const module$1 = defineNuxtModule({
   meta: {
     name: "nuxt-users",
-    configKey: "nuxtUsers"
+    configKey: "nuxtUsers",
+    compatibility: {
+      nuxt: ">=3.0.0"
+    }
   },
   // Default configuration options of the Nuxt module
   defaults: defaultOptions,
@@ -63,6 +73,9 @@ const module$1 = defineNuxtModule({
     const resolver = createResolver(import.meta.url);
     const { connector: _defaultConnector, ...defaultsWithoutConnector } = defaultOptions;
     const runtimeConfigOptions = defu(nuxt.options.runtimeConfig.nuxtUsers || {}, options, defaultsWithoutConnector);
+    if (!runtimeConfigOptions.locale) {
+      runtimeConfigOptions.locale = defaultOptions.locale;
+    }
     const configuredConnector = nuxt.options.runtimeConfig.nuxtUsers?.connector || options.connector;
     runtimeConfigOptions.connector = configuredConnector || defaultOptions.connector;
     nuxt.options.runtimeConfig.nuxtUsers = {
@@ -108,6 +121,7 @@ const module$1 = defineNuxtModule({
     nuxt.options.runtimeConfig.public = nuxt.options.runtimeConfig.public || {};
     nuxt.options.runtimeConfig.public.nuxtUsers = {
       passwordValidation: runtimeConfigOptions.passwordValidation,
+      locale: runtimeConfigOptions.locale,
       auth: {
         whitelist: (() => {
           const combinedWhitelist = [...defaultOptions.auth?.whitelist || [], ...runtimeConfigOptions.auth?.whitelist || []];
@@ -154,6 +168,7 @@ const module$1 = defineNuxtModule({
     });
     addImportsDir(resolver.resolve("./runtime/composables"));
     addServerImportsDir(resolver.resolve("./runtime/server/composables"));
+    addServerScanDir(resolver.resolve("./runtime/server"));
     addServerHandler({
       middleware: true,
       handler: resolver.resolve("./runtime/server/middleware/authorization.server")
@@ -163,7 +178,7 @@ const module$1 = defineNuxtModule({
       path: resolver.resolve("./runtime/middleware/authorization.client"),
       global: true
     });
-    const base = nuxt.options.runtimeConfig.nuxtUsers.apiBasePath || defaultOptions.apiBasePath;
+    const base = runtimeConfigOptions.apiBasePath || defaultOptions.apiBasePath;
     addServerHandler({
       route: `${base}/session`,
       method: "post",
@@ -248,11 +263,18 @@ const module$1 = defineNuxtModule({
       nitroConfig.experimental = nitroConfig.experimental || {};
       nitroConfig.experimental.database = true;
       nitroConfig.experimental.tasks = true;
-      nitroConfig.scanDirs = nitroConfig.scanDirs || [];
-      nitroConfig.scanDirs.push(resolver.resolve("./runtime/server/tasks"));
+      const cleanupSchedule = runtimeConfigOptions.tokenCleanupSchedule ?? defaultOptions.tokenCleanupSchedule;
+      if (cleanupSchedule) {
+        nitroConfig.scheduledTasks = nitroConfig.scheduledTasks || {};
+        nitroConfig.scheduledTasks[cleanupSchedule] = [
+          ...nitroConfig.scheduledTasks[cleanupSchedule] || [],
+          "nuxt-users:cleanup-tokens"
+        ];
+        console.log(`[Nuxt Users] \u{1F504} Token cleanup scheduled: ${cleanupSchedule}`);
+      }
       nitroConfig.prerender = nitroConfig.prerender || {};
       nitroConfig.prerender.ignore = nitroConfig.prerender.ignore || [];
-      const apiBasePath = nuxt.options.runtimeConfig.nuxtUsers.apiBasePath || defaultOptions.apiBasePath;
+      const apiBasePath = runtimeConfigOptions.apiBasePath || defaultOptions.apiBasePath;
       const ignorePattern = `${apiBasePath}/**`;
       if (!nitroConfig.prerender.ignore.includes(ignorePattern)) {
         nitroConfig.prerender.ignore.push(ignorePattern);

package/dist/runtime/assets/nuxt-users.css

@@ -1 +1 @@
-:root{--nu-color-primary:#3b82f6;--nu-color-primary-dark:#2563eb;--nu-color-primary-light:#60a5fa;--nu-color-white:#fff;--nu-color-gray-50:#f9fafb;--nu-color-gray-500:#6b7280;--nu-color-gray-600:#4b5563;--nu-color-gray-700:#374151;--nu-color-gray-900:#111827;--nu-color-success:#059669;--nu-color-success-light:#f0fdf4;--nu-color-success-border:#9ae6b4;--nu-color-error:#dc2626;--nu-color-error-light:#fef2f2;--nu-color-error-border:#fecaca;--nu-color-error-alt:#db5050;--nu-color-error-dark:#b91c1c;--nu-color-border:#e5e7eb;--nu-color-border-light:#d1d5db;--nu-color-border-dark:#ccc;--nu-color-bg-primary:#fff;--nu-color-bg-secondary:#f9fafb;--nu-color-bg-tertiary:#f3f4f6;--nu-color-text-primary:#000;--nu-color-text-secondary:#6b7280;--nu-color-strength-bg:#e9ecef;--nu-color-validation-passed:#28a745;--nu-color-validation-failed:#dc3545;--nu-color-validation-hint:#6c757d}.dark :root{--nu-color-primary:#60a5fa;--nu-color-primary-dark:#3b82f6;--nu-color-primary-light:#93c5fd;--nu-color-white:#000;--nu-color-gray-50:#111827;--nu-color-gray-500:#9ca3af;--nu-color-gray-600:#d1d5db;--nu-color-gray-700:#e5e7eb;--nu-color-gray-900:#f9fafb;--nu-color-success:#10b981;--nu-color-success-light:#064e3b;--nu-color-success-border:#065f46;--nu-color-error:#ef4444;--nu-color-error-light:#450a0a;--nu-color-error-border:#7f1d1d;--nu-color-error-alt:#f87171;--nu-color-error-dark:#dc2626;--nu-color-border:#374151;--nu-color-border-light:#4b5563;--nu-color-border-dark:#6b7280;--nu-color-bg-primary:#111827;--nu-color-bg-secondary:#1f2937;--nu-color-bg-tertiary:#374151;--nu-color-text-primary:#fff;--nu-color-text-secondary:#9ca3af;--nu-color-strength-bg:#374151;--nu-color-validation-passed:#22c55e;--nu-color-validation-failed:#ef4444;--nu-color-validation-hint:#9ca3af}.n-users-form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;width:100%}.n-users-form-group.n-users-form-group-narrow{width:90%}.n-users-form-group label,.n-users-form-label{color:var(--nu-color-text-primary,#000);display:block;font-size:1rem;font-weight:500;margin-bottom:.5rem}.n-users-form-group input,.n-users-form-group select,.n-users-form-input{border:1px solid var(--nu-color-border,#ccc);border-radius:.25rem;font-size:1rem;padding:.5rem;transition:border-color .2s,box-shadow .2s;width:100%}.n-users-form-group input:focus,.n-users-form-group select:focus,.n-users-form-input:focus{border-color:var(--nu-color-primary);box-shadow:0 0 0 .1rem rgba(59,130,246,.1);outline:none}.n-users-form-group input:disabled,.n-users-form-input:disabled{background-color:var(--nu-color-bg-secondary,#f9fafb);cursor:not-allowed}.n-users-form-group input.error,.n-users-form-input.error{border-color:var(--nu-color-error,#dc3545)}.n-users-form-group input[type=email],.n-users-form-group input[type=password],.n-users-form-group input[type=text]{background-color:var(--nu-color-bg-secondary);border:1px solid var(--nu-color-border-light);border-radius:.5em;box-sizing:border-box;color:var(--nu-color-gray-700);font-size:.875rem;padding:.75em 1em;transition:all .2s ease-in-out;width:100%}.n-users-form-group input[type=email]:focus,.n-users-form-group input[type=password]:focus,.n-users-form-group input[type=text]:focus{background-color:var(--nu-color-bg-primary);border-color:var(--nu-color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.n-users-form-group input[type=checkbox]{margin:0;width:auto}.n-users-google-btn{align-items:center;display:inline-flex;gap:8px;justify-content:center}.n-users-google-logo{flex-shrink:0}.n-users-btn,.n-users-cancel-btn,.n-users-delete-btn,.n-users-edit-btn,.n-users-google-btn,.n-users-submit-btn{align-self:flex-start;border:none;border-radius:.25rem;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s,transform .1s}.n-users-btn:hover,.n-users-edit-btn:hover,.n-users-submit-btn:hover{background-color:var(--nu-color-primary-dark,#2563eb);transform:translateY(-1px)}.n-users-btn:disabled,.n-users-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.n-users-btn-primary,.n-users-edit-btn,.n-users-submit-btn{background-color:var(--nu-color-primary,#3b82f6);color:#fff}.n-users-btn-secondary,.n-users-cancel-btn{background-color:var(--nu-color-gray-500,#6b7280);color:#fff}.n-users-cancel-btn:hover{background-color:var(--nu-color-gray-600,#4b5563)}.n-users-delete-btn{background-color:var(--nu-color-error,#ef4444);color:#fff}.n-users-delete-btn:hover{background-color:var(--nu-color-error-alt,#dc2626)}.n-users-login-section button[type=submit],.n-users-register-section button[type=submit],.n-users-reset-password-container button[type=submit],.n-users-user-form button[type=submit],form.n-users-form button[type=submit]{align-items:center;background-color:var(--nu-color-primary);border:1px solid var(--nu-color-primary);border-radius:.5em;color:var(--nu-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%}.n-users-login-section button[type=submit]:hover:not(:disabled),.n-users-register-section button[type=submit]:hover:not(:disabled),.n-users-reset-password-container button[type=submit]:hover:not(:disabled),.n-users-user-form button[type=submit]:hover:not(:disabled),form.n-users-form button[type=submit]:hover:not(:disabled){background-color:var(--nu-color-primary-dark);border-color:var(--nu-color-primary-dark)}.n-users-login-section button[type=submit]:disabled,.n-users-register-section button[type=submit]:disabled,.n-users-reset-password-container button[type=submit]:disabled,.n-users-user-form button[type=submit]:disabled,form.n-users-form button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.n-users-error-message,.n-users-error-text{background-color:var(--nu-color-error-light,#fef2f2);border:1px solid var(--nu-color-error-border,#fecaca);border-radius:.5rem;color:var(--nu-color-error,#dc3545);font-size:.875rem;margin-top:.5rem;padding:.75rem 1rem}.n-users-success-message{background-color:var(--nu-color-success-light,#f0fff4);border:1px solid var(--nu-color-success-border,#9ae6b4);border-radius:.5rem;color:var(--nu-color-success,#10b981);font-size:.875rem;margin-top:.5rem;padding:.75rem 1rem}.n-users-grid{display:grid;gap:1rem}.n-users-grid-2{grid-template-columns:1fr 5fr}.n-users-grid-auto{grid-template-columns:repeat(auto-fill,minmax(12em,1fr))}.n-users-form-actions{align-items:center;display:flex;gap:1rem;margin-top:1.5rem}.n-users-loading-spinner{animation:n-users-spin 1s linear infinite;border:2px solid var(--nu-color-white,#fff);border-radius:50%;border-top:2px solid transparent;height:16px;width:16px}@keyframes n-users-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.n-users-card{background-color:var(--nu-color-bg-primary,#fff);border:1px solid var(--nu-color-border,#e5e7eb);border-radius:.5rem;padding:1rem}.n-users-section{margin:0 auto;max-width:42em;padding:1em}.n-users-section-header{border-bottom:.1em solid var(--nu-color-border,#e5e7eb);margin-bottom:1rem;padding-bottom:.5rem}.n-users-form-help{color:var(--nu-color-text-secondary,#6b7280);font-size:.75rem;margin-top:.25rem}.n-users-strength-bar{background-color:var(--nu-color-strength-bg,#e9ecef);border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden;width:100%}.n-users-strength-fill{height:100%;transition:width .3s ease,background-color .3s ease}.n-users-strength-text{font-size:.75rem;font-weight:500}.n-users-validation-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-top:12px;padding:12px}.n-users-container-title{color:#495057;font-size:.875rem;font-weight:600;margin-bottom:8px}.n-users-list-unstyled{list-style:none;margin:0;padding-left:0}.n-users-list-item{align-items:center;display:flex;font-size:.875rem;margin-bottom:6px;transition:color .2s ease}.n-users-list-item:last-child{margin-bottom:0}.n-users-icon{font-weight:700;margin-right:8px;min-width:16px;text-align:center}.n-users-text{flex:1}.n-users-list ul{list-style:none}.n-users-login-section form,.n-users-register-section form,.n-users-reset-password-container form,.n-users-user-form form,form.n-users-form{display:flex;flex-direction:column;gap:1.5rem}.n-users-login-section{background:linear-gradient(135deg,var(--nu-color-bg-primary) 0,var(--nu-color-bg-secondary) 100%);border:1px solid var(--nu-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);max-width:25rem}.n-users-login-header{margin-bottom:1em;text-align:center}.n-users-login-title{color:var(--nu-color-gray-700);font-size:1.875rem;font-weight:700;line-height:1.2;margin:0 0 .5em}.n-users-login-subtitle{color:var(--nu-color-gray-700);font-size:.875rem;line-height:1.5;margin:0}.n-users-remember-me{align-items:center;display:flex;gap:.5rem}.n-users-remember-me label{color:var(--nu-color-gray-700);font-size:.875rem;margin:0}.n-users-login-footer{margin-top:1em;text-align:center}.n-users-forgot-password{margin:0}.n-users-forgot-link{align-items:center;color:var(--nu-color-primary);display:inline-flex;font-size:.875rem;gap:.5rem;text-decoration:none;transition:color .2s ease-in-out}.n-users-forgot-link:hover:not(.loading){color:var(--nu-color-primary-dark);text-decoration:underline}.n-users-forgot-link.loading{cursor:not-allowed;opacity:.6;pointer-events:none}.n-users-password-strength{margin-top:8px}.n-users-validation-rules{margin-top:12px}.n-users-rules-title{margin-bottom:8px}.n-users-rules-list{padding-left:0}.n-users-rule-item{margin-bottom:6px}.n-users-rule-item:last-child{margin-bottom:0}.n-users-rule-passed{color:var(--nu-color-validation-passed,#28a745)}.n-users-rule-failed{color:var(--nu-color-validation-failed,#dc3545)}.n-users-rule-icon{margin-right:8px}.n-users-rule-text{flex:1}.n-users-validation-errors{margin-top:8px}.n-users-error-text:last-child{margin-bottom:0}.n-users-password-hints{margin-top:8px}.n-users-hint-title{margin-bottom:8px}.n-users-hint-list{padding-left:16px}.n-users-hint-item{color:var(--nu-color-validation-hint,#6c757d);margin-bottom:4px}.n-users-hint-item:last-child{margin-bottom:0}.n-users-logout-link{background:var(--nu-color-error);border:2px solid transparent;border-color:var(--nu-color-error-dark);border-radius:.5em;color:#fff;padding:.5em 1em;text-decoration:none}.n-users-logout-link:hover{border-color:var(--nu-color-primary)}.n-users-user-card dd{margin:0}.n-users-user-card-actions{display:flex;gap:.5rem;margin-top:1rem}.n-users-user-form{margin:0 auto;max-width:500px}.n-users-form-group input.error{border-color:#dc3545}.n-users-profile-info{background-color:var(--nu-color-bg-primary);border-top-left-radius:.5em;border-top-right-radius:.5em}.n-users-profile-details{font-size:1rem;list-style:none;margin:0;padding:0}.n-users-reset-password-container{background-color:var(--nu-color-bg-primary);border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}@media (max-width:480px){.n-users-login-title{font-size:1.5rem}}.n-users-list-enter-active,.n-users-list-leave-active,.n-users-list-move{transition:all .3s ease}.n-users-list-enter-from,.n-users-list-leave-to{opacity:0;transform:translateX(2rem)}.n-users-list-leave-active{position:absolute}.n-users-list-move{transition-timing-function:ease}
+:root{--nu-color-primary:#3b82f6;--nu-color-primary-dark:#2563eb;--nu-color-primary-light:#60a5fa;--nu-color-white:#fff;--nu-color-gray-50:#f9fafb;--nu-color-gray-500:#6b7280;--nu-color-gray-600:#4b5563;--nu-color-gray-700:#374151;--nu-color-gray-900:#111827;--nu-color-success:#059669;--nu-color-success-light:#f0fdf4;--nu-color-success-border:#9ae6b4;--nu-color-success-text:#047857;--nu-color-error:#dc2626;--nu-color-error-light:#fef2f2;--nu-color-error-border:#fecaca;--nu-color-error-alt:#db5050;--nu-color-error-dark:#b91c1c;--nu-color-border:#e5e7eb;--nu-color-border-light:#d1d5db;--nu-color-border-dark:#ccc;--nu-color-bg-primary:#fff;--nu-color-bg-secondary:#f9fafb;--nu-color-bg-tertiary:#f3f4f6;--nu-color-text-primary:#000;--nu-color-text-secondary:#6b7280;--nu-color-strength-bg:#e9ecef;--nu-color-validation-passed:#15803d;--nu-color-validation-failed:#dc3545;--nu-color-validation-hint:#6c757d}.dark :root{--nu-color-primary:#60a5fa;--nu-color-primary-dark:#3b82f6;--nu-color-primary-light:#93c5fd;--nu-color-white:#000;--nu-color-gray-50:#111827;--nu-color-gray-500:#9ca3af;--nu-color-gray-600:#d1d5db;--nu-color-gray-700:#e5e7eb;--nu-color-gray-900:#f9fafb;--nu-color-success:#10b981;--nu-color-success-light:#064e3b;--nu-color-success-border:#065f46;--nu-color-success-text:#6ee7b7;--nu-color-error:#ef4444;--nu-color-error-light:#450a0a;--nu-color-error-border:#7f1d1d;--nu-color-error-alt:#f87171;--nu-color-error-dark:#dc2626;--nu-color-border:#374151;--nu-color-border-light:#4b5563;--nu-color-border-dark:#6b7280;--nu-color-bg-primary:#111827;--nu-color-bg-secondary:#1f2937;--nu-color-bg-tertiary:#374151;--nu-color-text-primary:#fff;--nu-color-text-secondary:#9ca3af;--nu-color-strength-bg:#374151;--nu-color-validation-passed:#22c55e;--nu-color-validation-failed:#ef4444;--nu-color-validation-hint:#9ca3af}.n-users-form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;width:100%}.n-users-form-group.n-users-form-group-narrow{width:90%}.n-users-form-group label,.n-users-form-label{color:var(--nu-color-text-primary,#000);display:block;font-size:1rem;font-weight:500;margin-bottom:.5rem}.n-users-form-group input,.n-users-form-group select,.n-users-form-input{border:1px solid var(--nu-color-border,#ccc);border-radius:.25rem;font-size:1rem;padding:.5rem;transition:border-color .2s,box-shadow .2s;width:100%}.n-users-form-group input:focus,.n-users-form-group select:focus,.n-users-form-input:focus{border-color:var(--nu-color-primary);box-shadow:0 0 0 .1rem rgba(59,130,246,.1);outline:none}.n-users-form-group input:disabled,.n-users-form-input:disabled{background-color:var(--nu-color-bg-secondary,#f9fafb);cursor:not-allowed}.n-users-form-group input.error,.n-users-form-input.error{border-color:var(--nu-color-error,#dc3545)}.n-users-form-group input[type=email],.n-users-form-group input[type=password],.n-users-form-group input[type=text]{background-color:var(--nu-color-bg-secondary);border:1px solid var(--nu-color-border-light);border-radius:.5em;box-sizing:border-box;color:var(--nu-color-gray-700);font-size:.875rem;padding:.75em 1em;transition:all .2s ease-in-out;width:100%}.n-users-form-group input[type=email]:focus,.n-users-form-group input[type=password]:focus,.n-users-form-group input[type=text]:focus{background-color:var(--nu-color-bg-primary);border-color:var(--nu-color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.n-users-form-group input[type=checkbox]{margin:0;width:auto}.n-users-google-btn{align-items:center;border:none;border-radius:.25rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s,transform .1s}.n-users-google-logo{flex-shrink:0}.n-users-btn,.n-users-cancel-btn,.n-users-delete-btn,.n-users-edit-btn,.n-users-submit-btn{align-self:flex-start;border:none;border-radius:.25rem;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s,transform .1s}.n-users-btn:hover,.n-users-edit-btn:hover,.n-users-submit-btn:hover{background-color:var(--nu-color-primary-dark,#2563eb);transform:translateY(-1px)}.n-users-btn:disabled,.n-users-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.n-users-btn-primary,.n-users-edit-btn,.n-users-submit-btn{background-color:var(--nu-color-primary,#3b82f6);color:#fff}.n-users-btn-secondary,.n-users-cancel-btn{background-color:var(--nu-color-gray-600,#4b5563);color:#fff}.n-users-cancel-btn:hover{background-color:var(--nu-color-gray-700,#374151)}.n-users-delete-btn{background-color:var(--nu-color-error-dark,#b91c1c);color:#fff}.n-users-delete-btn:hover{background-color:#991b1b}.n-users-login-section button[type=submit],.n-users-register-section button[type=submit],.n-users-reset-password-container button[type=submit],.n-users-user-form button[type=submit],form.n-users-form button[type=submit]{align-items:center;background-color:var(--nu-color-primary);border:1px solid var(--nu-color-primary);border-radius:.5em;color:var(--nu-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%}.n-users-login-section button[type=submit]:hover:not(:disabled),.n-users-register-section button[type=submit]:hover:not(:disabled),.n-users-reset-password-container button[type=submit]:hover:not(:disabled),.n-users-user-form button[type=submit]:hover:not(:disabled),form.n-users-form button[type=submit]:hover:not(:disabled){background-color:var(--nu-color-primary-dark);border-color:var(--nu-color-primary-dark)}.n-users-login-section button[type=submit]:disabled,.n-users-register-section button[type=submit]:disabled,.n-users-reset-password-container button[type=submit]:disabled,.n-users-user-form button[type=submit]:disabled,form.n-users-form button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.n-users-error-message,.n-users-error-text{background-color:var(--nu-color-error-light,#fef2f2);border:1px solid var(--nu-color-error-border,#fecaca);border-radius:.5rem;color:var(--nu-color-error-dark,#b91c1c);font-size:.875rem;margin-top:.5rem;padding:.75rem 1rem}.n-users-success-message{background-color:var(--nu-color-success-light,#f0fdf4);border:1px solid var(--nu-color-success-border,#9ae6b4);border-radius:.5rem;color:var(--nu-color-success-text,#047857);font-size:.875rem;margin-top:.5rem;padding:.75rem 1rem}.n-users-grid{display:grid;gap:1rem}.n-users-grid-2{grid-template-columns:1fr 5fr}.n-users-grid-auto{grid-template-columns:repeat(auto-fill,minmax(12em,1fr))}.n-users-form-actions{align-items:center;display:flex;gap:1rem;margin-top:1.5rem}.n-users-loading-spinner{animation:n-users-spin 1s linear infinite;border:2px solid var(--nu-color-white,#fff);border-radius:50%;border-top:2px solid transparent;height:16px;width:16px}@keyframes n-users-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.n-users-card{background-color:var(--nu-color-bg-primary,#fff);border:1px solid var(--nu-color-border,#e5e7eb);border-radius:.5rem;padding:1rem}.n-users-section{margin:0 auto;max-width:42em;padding:1em}.n-users-section-header{border-bottom:.1em solid var(--nu-color-border,#e5e7eb);margin-bottom:1rem;padding-bottom:.5rem}.n-users-form-help{color:var(--nu-color-text-secondary,#6b7280);font-size:.75rem;margin-top:.25rem}.n-users-strength-bar{background-color:var(--nu-color-strength-bg,#e9ecef);border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden;width:100%}.n-users-strength-fill{height:100%;transition:width .3s ease,background-color .3s ease}.n-users-strength-text{font-size:.75rem;font-weight:500}.n-users-validation-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-top:12px;padding:12px}.n-users-container-title{color:#495057;font-size:.875rem;font-weight:600;margin-bottom:8px}.n-users-list-unstyled{list-style:none;margin:0;padding-left:0}.n-users-list-item{align-items:center;display:flex;font-size:.875rem;margin-bottom:6px;transition:color .2s ease}.n-users-list-item:last-child{margin-bottom:0}.n-users-icon{font-weight:700;margin-right:8px;min-width:16px;text-align:center}.n-users-text{flex:1}.n-users-list ul{list-style:none}.n-users-login-section form,.n-users-register-section form,.n-users-reset-password-container form,.n-users-user-form form,form.n-users-form{display:flex;flex-direction:column;gap:1.5rem}.n-users-login-section{background:linear-gradient(135deg,var(--nu-color-bg-primary) 0,var(--nu-color-bg-secondary) 100%);border:1px solid var(--nu-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);max-width:25rem}.n-users-login-header{margin-bottom:1em;text-align:center}.n-users-login-title{color:var(--nu-color-gray-700);font-size:1.875rem;font-weight:700;line-height:1.2;margin:0 0 .5em}.n-users-login-subtitle{color:var(--nu-color-gray-700);font-size:.875rem;line-height:1.5;margin:0}.n-users-remember-me{align-items:center;display:flex;gap:.5rem}.n-users-remember-me label{color:var(--nu-color-gray-700);font-size:.875rem;margin:0}.n-users-login-footer{margin-top:1em;text-align:center}.n-users-forgot-password{margin:0}.n-users-forgot-link{align-items:center;color:var(--nu-color-primary);display:inline-flex;font-size:.875rem;gap:.5rem;text-decoration:none;transition:color .2s ease-in-out}.n-users-forgot-link:hover:not(.loading){color:var(--nu-color-primary-dark);text-decoration:underline}.n-users-forgot-link.loading{cursor:not-allowed;opacity:.6;pointer-events:none}.n-users-password-strength{margin-top:8px}.n-users-validation-rules{margin-top:12px}.n-users-rules-title{margin-bottom:8px}.n-users-rules-list{padding-left:0}.n-users-rule-item{margin-bottom:6px}.n-users-rule-item:last-child{margin-bottom:0}.n-users-rule-passed{color:var(--nu-color-validation-passed,#15803d)}.n-users-rule-failed{color:var(--nu-color-validation-failed,#dc3545)}.n-users-rule-icon{margin-right:8px}.n-users-rule-text{flex:1}.n-users-validation-errors{margin-top:8px}.n-users-error-text:last-child{margin-bottom:0}.n-users-password-hints{margin-top:8px}.n-users-hint-title{margin-bottom:8px}.n-users-hint-list{padding-left:16px}.n-users-hint-item{color:var(--nu-color-validation-hint,#6c757d);margin-bottom:4px}.n-users-hint-item:last-child{margin-bottom:0}.n-users-logout-link{background:var(--nu-color-error-dark,#b91c1c);border:2px solid transparent;border-color:var(--nu-color-error-dark);border-radius:.5em;color:#fff;padding:.5em 1em;text-decoration:none}.n-users-logout-link:hover{border-color:var(--nu-color-primary)}.n-users-user-card dd{margin:0}.n-users-user-card-actions{display:flex;gap:.5rem;margin-top:1rem}.n-users-user-form{margin:0 auto;max-width:500px}.n-users-form-group input.error{border-color:#dc3545}.n-users-profile-info{background-color:var(--nu-color-bg-primary);border-top-left-radius:.5em;border-top-right-radius:.5em}.n-users-profile-details{font-size:1rem;list-style:none;margin:0;padding:0}.n-users-reset-password-container{background-color:var(--nu-color-bg-primary);border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}@media (max-width:480px){.n-users-login-title{font-size:1.5rem}}.n-users-list-enter-active,.n-users-list-leave-active,.n-users-list-move{transition:all .3s ease}.n-users-list-enter-from,.n-users-list-leave-to{opacity:0;transform:translateX(2rem)}.n-users-list-leave-active{position:absolute}.n-users-list-move{transition-timing-function:ease}

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

@@ -2,6 +2,11 @@ interface Props {
     successTitle?: string;
     errorTitle?: string;
     loginButtonText?: string;
+    backToLoginText?: string;
+    processingTitle?: string;
+    processingMessage?: string;
+    successMessage?: string;
+    errorMessage?: string;
     loginUrl?: string;
     showLoginButton?: boolean;
 }
@@ -22,9 +27,6 @@ type __VLS_Slots = {} & {
     'loading-content'?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    successTitle: string;
-    errorTitle: string;
-    loginButtonText: string;
     loginUrl: string;
     showLoginButton: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/NUsersEmailConfirmation.vue

@@ -1,15 +1,22 @@
 <script setup>
 import { computed } from "vue";
 import { useRoute } from "#app";
+import { useNuxtUsersLocale } from "../composables/useNuxtUsersLocale";
+const { t } = useNuxtUsersLocale();
 const route = useRoute();
 const status = computed(() => route.query.status);
 const message = computed(() => route.query.message);
 const isSuccess = computed(() => status.value === "success");
 const isError = computed(() => status.value === "error");
 const _props = defineProps({
-  successTitle: { type: String, required: false, default: "Email Confirmed!" },
-  errorTitle: { type: String, required: false, default: "Confirmation Failed" },
-  loginButtonText: { type: String, required: false, default: "Continue to Login" },
+  successTitle: { type: String, required: false },
+  errorTitle: { type: String, required: false },
+  loginButtonText: { type: String, required: false },
+  backToLoginText: { type: String, required: false },
+  processingTitle: { type: String, required: false },
+  processingMessage: { type: String, required: false },
+  successMessage: { type: String, required: false },
+  errorMessage: { type: String, required: false },
   loginUrl: { type: String, required: false, default: "/login" },
   showLoginButton: { type: Boolean, required: false, default: true }
 });
@@ -44,10 +51,10 @@ const _props = defineProps({
         <div class="n-users-section-header">
           <slot name="success-content">
             <h1 class="n-users-login-title">
-              {{ successTitle }}
+              {{ _props.successTitle || t("emailConfirmation.successTitle") }}
             </h1>
             <div class="n-users-success-message">
-              {{ message || "Your email has been confirmed and your account is now active." }}
+              {{ message || _props.successMessage || t("emailConfirmation.successMessage") }}
             </div>
           </slot>
         </div>
@@ -58,10 +65,10 @@ const _props = defineProps({
             class="n-users-form-actions"
           >
             <a
-              :href="loginUrl"
+              :href="_props.loginUrl"
               class="n-users-btn n-users-btn-primary"
             >
-              {{ loginButtonText }}
+              {{ _props.loginButtonText || t("emailConfirmation.loginButton") }}
             </a>
           </div>
         </slot>
@@ -69,7 +76,7 @@ const _props = defineProps({
 
       <!-- Error state -->
       <div
-        v-else-if="isError"
+        v-if="isError"
         class="n-users-confirmation-content"
       >
         <slot name="error-icon">
@@ -104,10 +111,10 @@ const _props = defineProps({
         <div class="n-users-section-header">
           <slot name="error-content">
             <h1 class="n-users-login-title">
-              {{ errorTitle }}
+              {{ _props.errorTitle || t("emailConfirmation.errorTitle") }}
             </h1>
             <div class="n-users-error-message">
-              {{ message || "The confirmation link is invalid or has expired. Please try registering again or contact support." }}
+              {{ message || _props.errorMessage || t("emailConfirmation.errorMessage") }}
             </div>
           </slot>
         </div>
@@ -115,10 +122,10 @@ const _props = defineProps({
         <slot name="error-actions">
           <div class="n-users-form-actions">
             <a
-              :href="loginUrl"
+              :href="_props.loginUrl"
               class="n-users-btn n-users-btn-secondary"
             >
-              Back to Login
+              {{ _props.backToLoginText || t("emailConfirmation.backToLogin") }}
             </a>
           </div>
         </slot>
@@ -126,7 +133,7 @@ const _props = defineProps({
 
       <!-- Loading/unknown state -->
       <div
-        v-else
+        v-if="!isError"
         class="n-users-confirmation-content"
       >
         <slot name="loading-content">
@@ -135,10 +142,10 @@ const _props = defineProps({
           </div>
           <div class="n-users-section-header">
             <h1 class="n-users-login-title">
-              Processing...
+              {{ _props.processingTitle || t("emailConfirmation.processing") }}
             </h1>
             <div class="n-users-form-help">
-              Please wait while we process your email confirmation.
+              {{ _props.processingMessage || t("emailConfirmation.processingMessage") }}
             </div>
           </div>
         </slot>

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

@@ -2,6 +2,11 @@ interface Props {
     successTitle?: string;
     errorTitle?: string;
     loginButtonText?: string;
+    backToLoginText?: string;
+    processingTitle?: string;
+    processingMessage?: string;
+    successMessage?: string;
+    errorMessage?: string;
     loginUrl?: string;
     showLoginButton?: boolean;
 }
@@ -22,9 +27,6 @@ type __VLS_Slots = {} & {
     'loading-content'?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    successTitle: string;
-    errorTitle: string;
-    loginButtonText: string;
     loginUrl: string;
     showLoginButton: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -6,9 +6,12 @@ interface Props {
     redirectEndpoint?: string;
     /**
      * Button text
-     * @default 'Continue with Google'
      */
     buttonText?: string;
+    /**
+     * Redirecting text
+     */
+    redirectingText?: string;
     /**
      * Show Google logo in button
      * @default true
@@ -24,7 +27,6 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onClick?: (() => any) | undefined;
 }>, {
-    buttonText: string;
     showLogo: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/NUsersGoogleLoginButton.vue

@@ -1,9 +1,12 @@
 <script setup>
 import { ref, computed } from "vue";
 import { useRuntimeConfig, navigateTo } from "#imports";
+import { useNuxtUsersLocale } from "../composables/useNuxtUsersLocale";
+const { t } = useNuxtUsersLocale();
 const props = defineProps({
   redirectEndpoint: { type: String, required: false },
-  buttonText: { type: String, required: false, default: "Continue with Google" },
+  buttonText: { type: String, required: false },
+  redirectingText: { type: String, required: false },
   showLogo: { type: Boolean, required: false, default: true },
   class: { type: String, required: false }
 });
@@ -69,7 +72,7 @@ const handleGoogleLogin = async () => {
 
     <!-- Button text -->
     <span class="n-users-google-text">
-      {{ isLoading ? "Redirecting..." : buttonText }}
+      {{ isLoading ? props.redirectingText || t("googleLogin.redirecting") : props.buttonText || t("googleLogin.buttonText") }}
     </span>
   </button>
 </template>

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

@@ -6,9 +6,12 @@ interface Props {
     redirectEndpoint?: string;
     /**
      * Button text
-     * @default 'Continue with Google'
      */
     buttonText?: string;
+    /**
+     * Redirecting text
+     */
+    redirectingText?: string;
     /**
      * Show Google logo in button
      * @default true
@@ -24,7 +27,6 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onClick?: (() => any) | undefined;
 }>, {
-    buttonText: string;
     showLogo: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;