nuxt-users 1.34.7 → 1.36.0

package/CHANGELOG.md

@@ -1,6 +1,104 @@
 # Changelog
 
 
+## v1.36.0
+
+[compare changes](https://github.com/rrd108/nuxt-users/compare/v1.35.0...v1.36.0)
+
+### 🚀 Enhancements
+
+- Implement google authentication ([e830872](https://github.com/rrd108/nuxt-users/commit/e830872))
+- Add google auth to the playground ([2b43ca0](https://github.com/rrd108/nuxt-users/commit/2b43ca0))
+- Add migration ([0280eca](https://github.com/rrd108/nuxt-users/commit/0280eca))
+- Unregistered user gets error message ([eefbdf5](https://github.com/rrd108/nuxt-users/commit/eefbdf5))
+- Enhances project info command output ([2d91bd9](https://github.com/rrd108/nuxt-users/commit/2d91bd9))
+
+### 🩹 Fixes
+
+- Add api endpoints to public endpoints ([16aefa9](https://github.com/rrd108/nuxt-users/commit/16aefa9))
+- Completes Google OAuth user fetch on client ([6c95b94](https://github.com/rrd108/nuxt-users/commit/6c95b94))
+- **deps:** Update nuxtjs monorepo to v4 ([0c4b199](https://github.com/rrd108/nuxt-users/commit/0c4b199))
+- Ts errors ([44f5d9e](https://github.com/rrd108/nuxt-users/commit/44f5d9e))
+- Add nuxt builder ([aaa8288](https://github.com/rrd108/nuxt-users/commit/aaa8288))
+- Ts errors ([d488513](https://github.com/rrd108/nuxt-users/commit/d488513))
+- **docs:** Updates last release timestamp ([3d3e0d8](https://github.com/rrd108/nuxt-users/commit/3d3e0d8))
+
+### 📖 Documentation
+
+- Adds Google OAuth authentication ([463c19f](https://github.com/rrd108/nuxt-users/commit/463c19f))
+- Adds Google OAuth registration ([2e0eebf](https://github.com/rrd108/nuxt-users/commit/2e0eebf))
+- Adds project info command to troubleshooting ([8768090](https://github.com/rrd108/nuxt-users/commit/8768090))
+
+### 🏡 Chore
+
+- Remove unused files ([8bd3e58](https://github.com/rrd108/nuxt-users/commit/8bd3e58))
+- Replace googleapis package with google-auth ([0e8e3d4](https://github.com/rrd108/nuxt-users/commit/0e8e3d4))
+- Fix lint errors ([3ed5bcc](https://github.com/rrd108/nuxt-users/commit/3ed5bcc))
+- Update lock ([8cd4a97](https://github.com/rrd108/nuxt-users/commit/8cd4a97))
+- **release:** V1.35.0 ([41cb690](https://github.com/rrd108/nuxt-users/commit/41cb690))
+- Add snyk ([9c932c8](https://github.com/rrd108/nuxt-users/commit/9c932c8))
+- Remove unsued import ([04fd61d](https://github.com/rrd108/nuxt-users/commit/04fd61d))
+- Package updates ([3173073](https://github.com/rrd108/nuxt-users/commit/3173073))
+
+### ✅ Tests
+
+- Google OAuth authentication ([7d7bd68](https://github.com/rrd108/nuxt-users/commit/7d7bd68))
+- Add oauth flow test ([b805718](https://github.com/rrd108/nuxt-users/commit/b805718))
+- Fix db setup ([a097c4a](https://github.com/rrd108/nuxt-users/commit/a097c4a))
+- Replace smoke test with middleware test ([7ee1893](https://github.com/rrd108/nuxt-users/commit/7ee1893))
+- Add security checks ([a206962](https://github.com/rrd108/nuxt-users/commit/a206962))
+- Fix ts errors ([d7e6c61](https://github.com/rrd108/nuxt-users/commit/d7e6c61))
+- Fix gauth ([b925cf2](https://github.com/rrd108/nuxt-users/commit/b925cf2))
+
+### ❤️ Contributors
+
+- Rrd108 ([@rrd108](https://github.com/rrd108))
+
+## v1.35.0
+
+[compare changes](https://github.com/rrd108/nuxt-users/compare/v1.34.7...v1.35.0)
+
+### 🚀 Enhancements
+
+- Implement google authentication ([e830872](https://github.com/rrd108/nuxt-users/commit/e830872))
+- Add google auth to the playground ([2b43ca0](https://github.com/rrd108/nuxt-users/commit/2b43ca0))
+- Add migration ([0280eca](https://github.com/rrd108/nuxt-users/commit/0280eca))
+- Unregistered user gets error message ([eefbdf5](https://github.com/rrd108/nuxt-users/commit/eefbdf5))
+
+### 🩹 Fixes
+
+- Prevents database connection issues during build ([8a3aa38](https://github.com/rrd108/nuxt-users/commit/8a3aa38))
+- Add api endpoints to public endpoints ([16aefa9](https://github.com/rrd108/nuxt-users/commit/16aefa9))
+- Completes Google OAuth user fetch on client ([6c95b94](https://github.com/rrd108/nuxt-users/commit/6c95b94))
+
+### 📖 Documentation
+
+- Fix github link ([28662ca](https://github.com/rrd108/nuxt-users/commit/28662ca))
+- Adds Google OAuth authentication ([463c19f](https://github.com/rrd108/nuxt-users/commit/463c19f))
+- Adds Google OAuth registration ([2e0eebf](https://github.com/rrd108/nuxt-users/commit/2e0eebf))
+
+### 🏡 Chore
+
+- Lint fix ([8d75930](https://github.com/rrd108/nuxt-users/commit/8d75930))
+- **release:** V1.34.7 ([b9d061c](https://github.com/rrd108/nuxt-users/commit/b9d061c))
+- Remove unused files ([8bd3e58](https://github.com/rrd108/nuxt-users/commit/8bd3e58))
+- Replace googleapis package with google-auth ([0e8e3d4](https://github.com/rrd108/nuxt-users/commit/0e8e3d4))
+- Fix lint errors ([3ed5bcc](https://github.com/rrd108/nuxt-users/commit/3ed5bcc))
+- Update lock ([8cd4a97](https://github.com/rrd108/nuxt-users/commit/8cd4a97))
+
+### ✅ Tests
+
+- Google OAuth authentication ([7d7bd68](https://github.com/rrd108/nuxt-users/commit/7d7bd68))
+- Add oauth flow test ([b805718](https://github.com/rrd108/nuxt-users/commit/b805718))
+- Fix db setup ([a097c4a](https://github.com/rrd108/nuxt-users/commit/a097c4a))
+- Replace smoke test with middleware test ([7ee1893](https://github.com/rrd108/nuxt-users/commit/7ee1893))
+- Add security checks ([a206962](https://github.com/rrd108/nuxt-users/commit/a206962))
+- Fix ts errors ([d7e6c61](https://github.com/rrd108/nuxt-users/commit/d7e6c61))
+
+### ❤️ Contributors
+
+- Rrd108 ([@rrd108](https://github.com/rrd108))
+
 ## v1.34.7
 
 [compare changes](https://github.com/rrd108/nuxt-users/compare/v1.34.6...v1.34.7)

package/dist/cli.mjs

@@ -7,6 +7,8 @@ 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 { 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 = () => {
@@ -245,6 +247,78 @@ const addActiveToUsers = defineCommand({
   }
 });
 
+const addGoogleOauthFields = defineCommand({
+  meta: {
+    name: "add-google-oauth-fields",
+    description: "Add Google OAuth fields (google_id, profile_picture) to existing users table"
+  },
+  async run() {
+    console.log("[Nuxt Users] Adding Google OAuth fields to users table...");
+    const options = await loadOptions();
+    const connectorName = options.connector.name;
+    const db = await useDb(options);
+    const tableName = options.tables.users;
+    console.log(`[Nuxt Users] DB:Migrate ${connectorName} Users Table Adding Google OAuth fields...`);
+    try {
+      if (connectorName === "sqlite") {
+        const tableInfo = await db.sql`PRAGMA table_info(${tableName})`;
+        const columnNames = tableInfo.rows.map((row) => row.name);
+        if (!columnNames.includes("google_id")) {
+          await db.sql`ALTER TABLE {${tableName}} ADD COLUMN google_id TEXT`;
+          console.log("[Nuxt Users] Added google_id column to SQLite users table \u2705");
+        }
+        if (!columnNames.includes("profile_picture")) {
+          await db.sql`ALTER TABLE {${tableName}} ADD COLUMN profile_picture TEXT`;
+          console.log("[Nuxt Users] Added profile_picture column to SQLite users table \u2705");
+        }
+        if (!columnNames.includes("last_login_at")) {
+          await db.sql`ALTER TABLE {${tableName}} ADD COLUMN last_login_at DATETIME`;
+          console.log("[Nuxt Users] Added last_login_at column to SQLite users table \u2705");
+        }
+      }
+      if (connectorName === "mysql") {
+        const checkColumns = await db.sql`
+          SELECT COLUMN_NAME 
+          FROM INFORMATION_SCHEMA.COLUMNS 
+          WHERE TABLE_SCHEMA = DATABASE() 
+          AND TABLE_NAME = ${tableName}
+          AND COLUMN_NAME IN ('google_id', 'profile_picture')
+        `;
+        const existingColumns = checkColumns.rows.map((row) => row.COLUMN_NAME);
+        if (!existingColumns.includes("google_id")) {
+          await db.sql`ALTER TABLE {${tableName}} ADD COLUMN google_id VARCHAR(255) UNIQUE`;
+          console.log("[Nuxt Users] Added google_id column to MySQL users table \u2705");
+        }
+        if (!existingColumns.includes("profile_picture")) {
+          await db.sql`ALTER TABLE {${tableName}} ADD COLUMN profile_picture TEXT`;
+          console.log("[Nuxt Users] Added profile_picture column to MySQL users table \u2705");
+        }
+      }
+      if (connectorName === "postgresql") {
+        const checkColumns = await db.sql`
+          SELECT column_name 
+          FROM information_schema.columns 
+          WHERE table_name = ${tableName}
+          AND column_name IN ('google_id', 'profile_picture')
+        `;
+        const existingColumns = checkColumns.rows.map((row) => row.column_name);
+        if (!existingColumns.includes("google_id")) {
+          await db.sql`ALTER TABLE {${tableName}} ADD COLUMN google_id VARCHAR(255) UNIQUE`;
+          console.log("[Nuxt Users] Added google_id column to PostgreSQL users table \u2705");
+        }
+        if (!existingColumns.includes("profile_picture")) {
+          await db.sql`ALTER TABLE {${tableName}} ADD COLUMN profile_picture TEXT`;
+          console.log("[Nuxt Users] Added profile_picture column to PostgreSQL users table \u2705");
+        }
+      }
+      console.log("[Nuxt Users] Google OAuth fields migration completed successfully! \u2705");
+    } catch (error) {
+      console.error("[Nuxt Users] DB:Migration Error:", error);
+      process.exit(1);
+    }
+  }
+});
+
 const projectInfo = defineCommand({
   meta: {
     name: "project-info",
@@ -261,9 +335,45 @@ const projectInfo = defineCommand({
       if (nuxtUsersConfig) {
         console.log("[Nuxt Users] \u{1F527} Nuxt Users module configuration:");
         console.log("[Nuxt Users]    Database connector:", nuxtUsersConfig.connector?.name);
+        if (nuxtUsersConfig.connector?.options) {
+          const options = nuxtUsersConfig.connector.options;
+          if (options.host) {
+            console.log("[Nuxt Users]    Database host:", options.host);
+          }
+          if (options.port) {
+            console.log("[Nuxt Users]    Database port:", options.port);
+          }
+          if (options.user) {
+            console.log("[Nuxt Users]    Database user:", options.user);
+          }
+          if (options.database) {
+            console.log("[Nuxt Users]    Database name:", options.database);
+          }
+          if (options.path) {
+            console.log("[Nuxt Users]    Database path:", options.path);
+          }
+        }
         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);
+        try {
+          const migrationsTableExists = await checkTableExists(nuxtUsersConfig, "migrations");
+          if (migrationsTableExists) {
+            const appliedMigrations = await getAppliedMigrations(nuxtUsersConfig);
+            console.log("[Nuxt Users] \u{1F4CA} Migrations:");
+            console.log("[Nuxt Users]    Migrations table exists: \u2705");
+            console.log("[Nuxt Users]    Applied migrations count:", appliedMigrations.length);
+            if (appliedMigrations.length > 0) {
+              console.log("[Nuxt Users]    Applied migrations:", appliedMigrations.join(", "));
+            }
+          } else {
+            console.log("[Nuxt Users] \u{1F4CA} Migrations:");
+            console.log("[Nuxt Users]    Migrations table exists: \u274C");
+            console.log('[Nuxt Users]    Run "npx nuxt-users migrate" to set up the database');
+          }
+        } catch (error) {
+          console.log("[Nuxt Users] \u26A0\uFE0F  Could not check migrations:", error instanceof Error ? error.message : "Unknown error");
+        }
       } else {
         console.log("[Nuxt Users] \u26A0\uFE0F  Nuxt Users module not configured in runtime config");
       }
@@ -304,6 +414,7 @@ const main = defineCommand({
     "create-password-reset-tokens-table": createPasswordResetTokensTable,
     "create-migrations-table": createMigrationsTable,
     "add-active-to-users": addActiveToUsers,
+    "add-google-oauth-fields": addGoogleOauthFields,
     "project-info": projectInfo
   }
 });

package/dist/module.d.mts

@@ -1,5 +1,5 @@
 import * as _nuxt_schema from '@nuxt/schema';
-import { R as RuntimeModuleOptions, M as ModuleOptions } from './shared/nuxt-users.BTVH9EyH.mjs';
+import { R as RuntimeModuleOptions, M as ModuleOptions } from './shared/nuxt-users.SXaMnaEL.mjs';
 export * from '../dist/runtime/server/internal/index.js';
 
 declare const defaultOptions: ModuleOptions;

package/dist/module.d.ts

@@ -1,5 +1,5 @@
 import * as _nuxt_schema from '@nuxt/schema';
-import { R as RuntimeModuleOptions, M as ModuleOptions } from './shared/nuxt-users.BTVH9EyH.js';
+import { R as RuntimeModuleOptions, M as ModuleOptions } from './shared/nuxt-users.SXaMnaEL.js';
 export * from '../dist/runtime/server/internal/index.js';
 
 declare const defaultOptions: ModuleOptions;

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-users",
   "configKey": "nuxtUsers",
-  "version": "1.34.7",
+  "version": "1.36.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -65,11 +65,14 @@ const module = defineNuxtModule({
     nuxt.options.runtimeConfig.nuxtUsers = {
       ...runtimeConfigOptions,
       auth: {
-        ...runtimeConfigOptions.auth,
+        tokenExpiration: runtimeConfigOptions.auth.tokenExpiration,
+        rememberMeExpiration: runtimeConfigOptions.auth.rememberMeExpiration,
+        permissions: runtimeConfigOptions.auth.permissions,
+        ...runtimeConfigOptions.auth.google && { google: runtimeConfigOptions.auth.google },
         whitelist: (() => {
           const combinedWhitelist = [...defaultOptions.auth?.whitelist || [], ...runtimeConfigOptions.auth?.whitelist || []];
+          const apiBasePath = runtimeConfigOptions.apiBasePath || defaultOptions.apiBasePath;
           if (combinedWhitelist.includes("/register")) {
-            const apiBasePath = runtimeConfigOptions.apiBasePath || defaultOptions.apiBasePath;
             const registrationEndpoints = [
               "/confirm-email",
               // Page route for email confirmation
@@ -84,6 +87,17 @@ const module = defineNuxtModule({
               }
             });
           }
+          if (runtimeConfigOptions.auth?.google) {
+            const googleOAuthEndpoints = [
+              `${apiBasePath}/auth/google/redirect`,
+              `${apiBasePath}/auth/google/callback`
+            ];
+            googleOAuthEndpoints.forEach((endpoint) => {
+              if (!combinedWhitelist.includes(endpoint)) {
+                combinedWhitelist.push(endpoint);
+              }
+            });
+          }
           return combinedWhitelist;
         })()
       }
@@ -94,8 +108,8 @@ const module = defineNuxtModule({
       auth: {
         whitelist: (() => {
           const combinedWhitelist = [...defaultOptions.auth?.whitelist || [], ...runtimeConfigOptions.auth?.whitelist || []];
+          const apiBasePath = runtimeConfigOptions.apiBasePath || defaultOptions.apiBasePath;
           if (combinedWhitelist.includes("/register")) {
-            const apiBasePath = runtimeConfigOptions.apiBasePath || defaultOptions.apiBasePath;
             const registrationEndpoints = [
               "/confirm-email",
               // Page route for email confirmation
@@ -110,6 +124,17 @@ const module = defineNuxtModule({
               }
             });
           }
+          if (runtimeConfigOptions.auth?.google) {
+            const googleOAuthEndpoints = [
+              `${apiBasePath}/auth/google/redirect`,
+              `${apiBasePath}/auth/google/callback`
+            ];
+            googleOAuthEndpoints.forEach((endpoint) => {
+              if (!combinedWhitelist.includes(endpoint)) {
+                combinedWhitelist.push(endpoint);
+              }
+            });
+          }
           return combinedWhitelist;
         })(),
         permissions: runtimeConfigOptions.auth?.permissions || defaultOptions.auth.permissions
@@ -177,6 +202,16 @@ const module = defineNuxtModule({
       method: "get",
       handler: resolver.resolve("./runtime/server/api/nuxt-users/confirm-email.get")
     });
+    addServerHandler({
+      route: `${base}/auth/google/redirect`,
+      method: "get",
+      handler: resolver.resolve("./runtime/server/api/nuxt-users/auth/google/redirect.get")
+    });
+    addServerHandler({
+      route: `${base}/auth/google/callback`,
+      method: "get",
+      handler: resolver.resolve("./runtime/server/api/nuxt-users/auth/google/callback.get")
+    });
     addServerHandler({
       route: `${base}`,
       method: "get",

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-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-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-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}

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

@@ -0,0 +1,38 @@
+interface Props {
+    successTitle?: string;
+    errorTitle?: string;
+    loginButtonText?: string;
+    loginUrl?: string;
+    showLoginButton?: boolean;
+}
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {};
+type __VLS_Slots = {} & {
+    'success-icon'?: (props: typeof __VLS_1) => any;
+} & {
+    'success-content'?: (props: typeof __VLS_3) => any;
+} & {
+    'success-actions'?: (props: typeof __VLS_5) => any;
+} & {
+    'error-icon'?: (props: typeof __VLS_7) => any;
+} & {
+    'error-content'?: (props: typeof __VLS_9) => any;
+} & {
+    'error-actions'?: (props: typeof __VLS_11) => any;
+} & {
+    '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>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -21,14 +21,15 @@ type __VLS_Slots = {} & {
 } & {
     'loading-content'?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+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>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -0,0 +1,31 @@
+interface Props {
+    /**
+     * Custom redirect endpoint for Google OAuth
+     * @default '/api/nuxt-users/auth/google/redirect'
+     */
+    redirectEndpoint?: string;
+    /**
+     * Button text
+     * @default 'Continue with Google'
+     */
+    buttonText?: string;
+    /**
+     * Show Google logo in button
+     * @default true
+     */
+    showLogo?: boolean;
+    /**
+     * Custom CSS class for button
+     */
+    class?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: () => any;
+}, 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;
+export default _default;

package/dist/runtime/components/NUsersGoogleLoginButton.vue

@@ -0,0 +1,75 @@
+<script setup>
+import { ref, computed } from "vue";
+import { useRuntimeConfig, navigateTo } from "#imports";
+const props = defineProps({
+  redirectEndpoint: { type: String, required: false },
+  buttonText: { type: String, required: false, default: "Continue with Google" },
+  showLogo: { type: Boolean, required: false, default: true },
+  class: { type: String, required: false }
+});
+const emit = defineEmits(["click"]);
+const { public: { nuxtUsers } } = useRuntimeConfig();
+const { apiBasePath } = nuxtUsers;
+const isLoading = ref(false);
+const redirectEndpoint = computed(
+  () => props.redirectEndpoint || `${apiBasePath}/auth/google/redirect`
+);
+const handleGoogleLogin = async () => {
+  isLoading.value = true;
+  emit("click");
+  try {
+    await navigateTo(redirectEndpoint.value, { external: true });
+  } catch (error) {
+    console.error("[Nuxt Users] Google OAuth redirect failed:", error);
+  } finally {
+    isLoading.value = false;
+  }
+};
+</script>
+
+<template>
+  <button
+    type="button"
+    class="n-users-google-btn"
+    :class="[{ loading: isLoading }, props.class]"
+    :disabled="isLoading"
+    @click="handleGoogleLogin"
+  >
+    <!-- Loading spinner -->
+    <span
+      v-if="isLoading"
+      class="n-users-loading-spinner"
+    />
+
+    <!-- Google logo SVG -->
+    <svg
+      v-if="showLogo && !isLoading"
+      class="n-users-google-logo"
+      viewBox="0 0 24 24"
+      width="18"
+      height="18"
+    >
+      <path
+        fill="#4285F4"
+        d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
+      />
+      <path
+        fill="#34A853"
+        d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+      />
+      <path
+        fill="#FBBC05"
+        d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
+      />
+      <path
+        fill="#EA4335"
+        d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+      />
+    </svg>
+
+    <!-- Button text -->
+    <span class="n-users-google-text">
+      {{ isLoading ? "Redirecting..." : buttonText }}
+    </span>
+  </button>
+</template>

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

@@ -0,0 +1,31 @@
+interface Props {
+    /**
+     * Custom redirect endpoint for Google OAuth
+     * @default '/api/nuxt-users/auth/google/redirect'
+     */
+    redirectEndpoint?: string;
+    /**
+     * Button text
+     * @default 'Continue with Google'
+     */
+    buttonText?: string;
+    /**
+     * Show Google logo in button
+     * @default true
+     */
+    showLogo?: boolean;
+    /**
+     * Custom CSS class for button
+     */
+    class?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: () => any;
+}, 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;
+export default _default;

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

@@ -0,0 +1,48 @@
+interface Props {
+    apiEndpoint?: string;
+    forgotPasswordEndpoint?: string;
+    redirectTo?: string;
+}
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {
+    message: string;
+}, __VLS_15: {
+    error: string;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    'email-field'?: (props: typeof __VLS_3) => any;
+} & {
+    'password-field'?: (props: typeof __VLS_5) => any;
+} & {
+    'remember-me'?: (props: typeof __VLS_7) => any;
+} & {
+    'submit-button'?: (props: typeof __VLS_9) => any;
+} & {
+    footer?: (props: typeof __VLS_11) => any;
+} & {
+    'success-message'?: (props: typeof __VLS_13) => any;
+} & {
+    'error-message'?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    error: (error: string) => any;
+    success: (user: UserWithoutPassword, rememberMe: boolean) => any;
+    submit: (data: LoginFormData) => any;
+    "forgot-password-error": (error: string) => any;
+    "forgot-password-success": () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onError?: ((error: string) => any) | undefined;
+    onSuccess?: ((user: UserWithoutPassword, rememberMe: boolean) => any) | undefined;
+    onSubmit?: ((data: LoginFormData) => any) | undefined;
+    "onForgot-password-error"?: ((error: string) => any) | undefined;
+    "onForgot-password-success"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};