nuxt-users 1.37.2 → 1.38.0

package/dist/module.json

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

package/dist/module.mjs

@@ -52,7 +52,7 @@ const defaultOptions = {
   },
   hardDelete: false
 };
-const module = defineNuxtModule({
+const module$1 = defineNuxtModule({
   meta: {
     name: "nuxt-users",
     configKey: "nuxtUsers"
@@ -144,6 +144,10 @@ const module = defineNuxtModule({
       },
       apiBasePath: runtimeConfigOptions.apiBasePath || defaultOptions.apiBasePath
     };
+    addPlugin({
+      src: resolver.resolve("./runtime/plugin.auth-init"),
+      name: "0-auth-init-nuxt-users"
+    });
     addPlugin({
       src: resolver.resolve("./runtime/plugin"),
       mode: "server"
@@ -266,4 +270,4 @@ const module = defineNuxtModule({
   }
 });
 
-export { module as default, defaultOptions };
+export { module$1 as default, defaultOptions };

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

@@ -26,14 +26,14 @@ type __VLS_Slots = {} & {
     '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;
+    error: (error: string) => 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;
+    onError?: ((error: string) => any) | undefined;
     onSubmit?: ((data: LoginFormData) => any) | undefined;
     "onForgot-password-error"?: ((error: string) => any) | undefined;
     "onForgot-password-success"?: (() => any) | undefined;

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

@@ -26,14 +26,14 @@ type __VLS_Slots = {} & {
     '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;
+    error: (error: string) => 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;
+    onError?: ((error: string) => any) | undefined;
     onSubmit?: ((data: LoginFormData) => any) | undefined;
     "onForgot-password-error"?: ((error: string) => any) | undefined;
     "onForgot-password-success"?: (() => any) | undefined;

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

@@ -16,12 +16,12 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<LogoutLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    error: (error: string) => any;
     success: () => any;
+    error: (error: string) => any;
     click: () => any;
 }, string, import("vue").PublicProps, Readonly<LogoutLinkProps> & Readonly<{
-    onError?: ((error: string) => any) | undefined;
     onSuccess?: (() => any) | undefined;
+    onError?: ((error: string) => any) | undefined;
     onClick?: (() => any) | undefined;
 }>, {
     redirectTo: string;

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

@@ -16,12 +16,12 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<LogoutLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    error: (error: string) => any;
     success: () => any;
+    error: (error: string) => any;
     click: () => any;
 }, string, import("vue").PublicProps, Readonly<LogoutLinkProps> & Readonly<{
-    onError?: ((error: string) => any) | undefined;
     onSuccess?: (() => any) | undefined;
+    onError?: ((error: string) => any) | undefined;
     onClick?: (() => any) | undefined;
 }>, {
     redirectTo: string;

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

@@ -10,9 +10,9 @@ interface RegistrationFormData {
     password: string;
     confirmPassword: string;
 }
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_16: {}, __VLS_18: {}, __VLS_20: {}, __VLS_22: {
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_17: {}, __VLS_19: {}, __VLS_21: {}, __VLS_23: {
     message: string;
-}, __VLS_24: {
+}, __VLS_25: {
     error: string;
 };
 type __VLS_Slots = {} & {
@@ -26,29 +26,29 @@ type __VLS_Slots = {} & {
 } & {
     'password-strength'?: (props: typeof __VLS_9) => any;
 } & {
-    'confirm-password-field'?: (props: typeof __VLS_16) => any;
+    'confirm-password-field'?: (props: typeof __VLS_17) => any;
 } & {
-    'submit-button'?: (props: typeof __VLS_18) => any;
+    'submit-button'?: (props: typeof __VLS_19) => any;
 } & {
-    footer?: (props: typeof __VLS_20) => any;
+    footer?: (props: typeof __VLS_21) => any;
 } & {
-    'success-message'?: (props: typeof __VLS_22) => any;
+    'success-message'?: (props: typeof __VLS_23) => any;
 } & {
-    'error-message'?: (props: typeof __VLS_24) => any;
+    'error-message'?: (props: typeof __VLS_25) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    error: (error: string) => any;
     success: (data: {
         user: Omit<UserWithoutPassword, "active">;
         message: string;
     }) => any;
+    error: (error: string) => any;
     submit: (data: RegistrationFormData) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onError?: ((error: string) => any) | undefined;
     onSuccess?: ((data: {
         user: Omit<UserWithoutPassword, "active">;
         message: string;
     }) => any) | undefined;
+    onError?: ((error: string) => any) | undefined;
     onSubmit?: ((data: RegistrationFormData) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -10,9 +10,9 @@ interface RegistrationFormData {
     password: string;
     confirmPassword: string;
 }
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_16: {}, __VLS_18: {}, __VLS_20: {}, __VLS_22: {
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_17: {}, __VLS_19: {}, __VLS_21: {}, __VLS_23: {
     message: string;
-}, __VLS_24: {
+}, __VLS_25: {
     error: string;
 };
 type __VLS_Slots = {} & {
@@ -26,29 +26,29 @@ type __VLS_Slots = {} & {
 } & {
     'password-strength'?: (props: typeof __VLS_9) => any;
 } & {
-    'confirm-password-field'?: (props: typeof __VLS_16) => any;
+    'confirm-password-field'?: (props: typeof __VLS_17) => any;
 } & {
-    'submit-button'?: (props: typeof __VLS_18) => any;
+    'submit-button'?: (props: typeof __VLS_19) => any;
 } & {
-    footer?: (props: typeof __VLS_20) => any;
+    footer?: (props: typeof __VLS_21) => any;
 } & {
-    'success-message'?: (props: typeof __VLS_22) => any;
+    'success-message'?: (props: typeof __VLS_23) => any;
 } & {
-    'error-message'?: (props: typeof __VLS_24) => any;
+    'error-message'?: (props: typeof __VLS_25) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    error: (error: string) => any;
     success: (data: {
         user: Omit<UserWithoutPassword, "active">;
         message: string;
     }) => any;
+    error: (error: string) => any;
     submit: (data: RegistrationFormData) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onError?: ((error: string) => any) | undefined;
     onSuccess?: ((data: {
         user: Omit<UserWithoutPassword, "active">;
         message: string;
     }) => any) | undefined;
+    onError?: ((error: string) => any) | undefined;
     onSubmit?: ((data: RegistrationFormData) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -4,13 +4,13 @@ interface Props {
     redirectTo?: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    error: (error: string) => any;
     success: (user: UserWithoutPassword) => any;
+    error: (error: string) => any;
     "password-error": (error: string) => any;
     "password-updated": () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onError?: ((error: string) => any) | undefined;
     onSuccess?: ((user: UserWithoutPassword) => any) | undefined;
+    onError?: ((error: string) => any) | undefined;
     "onPassword-error"?: ((error: string) => any) | undefined;
     "onPassword-updated"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -4,13 +4,13 @@ interface Props {
     redirectTo?: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    error: (error: string) => any;
     success: (user: UserWithoutPassword) => any;
+    error: (error: string) => any;
     "password-error": (error: string) => any;
     "password-updated": () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onError?: ((error: string) => any) | undefined;
     onSuccess?: ((user: UserWithoutPassword) => any) | undefined;
+    onError?: ((error: string) => any) | undefined;
     "onPassword-error"?: ((error: string) => any) | undefined;
     "onPassword-updated"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -6,16 +6,16 @@ interface Props {
     fieldLabels?: Record<string, string>;
 }
 declare var __VLS_1: {
-    user: User;
+    user: any;
     index: number;
 }, __VLS_3: {
     canEdit: any;
     editUser: () => Promise<void>;
-    user: User;
+    user: any;
 }, __VLS_5: {
     canDelete: any;
     deleteUser: () => Promise<void>;
-    user: User;
+    user: any;
 };
 type __VLS_Slots = {} & {
     userCard?: (props: typeof __VLS_1) => any;

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

@@ -6,16 +6,16 @@ interface Props {
     fieldLabels?: Record<string, string>;
 }
 declare var __VLS_1: {
-    user: User;
+    user: any;
     index: number;
 }, __VLS_3: {
     canEdit: any;
     editUser: () => Promise<void>;
-    user: User;
+    user: any;
 }, __VLS_5: {
     canDelete: any;
     deleteUser: () => Promise<void>;
-    user: User;
+    user: any;
 };
 type __VLS_Slots = {} & {
     userCard?: (props: typeof __VLS_1) => any;

package/dist/runtime/composables/useAuthentication.js

@@ -14,9 +14,9 @@ export const useAuthentication = () => {
       sessionStorage.removeItem("user");
       if (rememberMe) {
         localStorage.setItem("user", JSON.stringify(userWithoutPassword));
-      } else {
-        sessionStorage.setItem("user", JSON.stringify(userWithoutPassword));
+        return;
       }
+      sessionStorage.setItem("user", JSON.stringify(userWithoutPassword));
     }
   };
   const logout = async () => {
@@ -48,7 +48,8 @@ export const useAuthentication = () => {
           throw new Error(error.value.message || "Failed to fetch user");
         }
         userData = data.value?.user || null;
-      } else {
+      }
+      if (!useSSR) {
         const response = await $fetch(`${apiBasePath}/me`, {
           method: "GET"
         });
@@ -63,9 +64,11 @@ export const useAuthentication = () => {
         const wasInSessionStorage = sessionStorage.getItem("user") !== null;
         if (wasInLocalStorage) {
           localStorage.setItem("user", JSON.stringify(userData));
-        } else if (wasInSessionStorage) {
+        }
+        if (wasInSessionStorage) {
           sessionStorage.setItem("user", JSON.stringify(userData));
-        } else {
+        }
+        if (!wasInLocalStorage && !wasInSessionStorage) {
           sessionStorage.setItem("user", JSON.stringify(userData));
         }
       }
@@ -84,24 +87,35 @@ export const useAuthentication = () => {
     if (!import.meta.client) {
       return;
     }
-    const storedUserLocal = localStorage.getItem("user");
-    const storedUserSession = sessionStorage.getItem("user");
-    const storedUser = storedUserLocal || storedUserSession;
-    if (storedUser) {
+    if (initializationPromise) {
+      return initializationPromise;
+    }
+    initializationPromise = (async () => {
+      const storedUserLocal = localStorage.getItem("user");
+      const storedUserSession = sessionStorage.getItem("user");
+      const storedUser = storedUserLocal || storedUserSession;
+      if (storedUser) {
+        try {
+          user.value = JSON.parse(storedUser);
+          await fetchUser();
+        } catch (error) {
+          console.error("Failed to parse stored user:", error);
+          localStorage.removeItem("user");
+          sessionStorage.removeItem("user");
+          user.value = null;
+        }
+        return;
+      }
       try {
-        user.value = JSON.parse(storedUser);
         await fetchUser();
-      } catch (error) {
-        console.error("Failed to parse stored user:", error);
-        localStorage.removeItem("user");
-        sessionStorage.removeItem("user");
-        user.value = null;
+      } catch {
       }
-    }
+    })().catch((_error) => {
+    });
+    return initializationPromise;
   };
   if (import.meta.client && !initializationPromise) {
-    initializationPromise = initializeUser().catch(() => {
-    });
+    initializeUser();
   }
   return {
     user: readonly(user),

package/dist/runtime/middleware/authorization.client.js

@@ -18,7 +18,10 @@ export default defineNuxtRouteMiddleware(async (to) => {
     console.log(`[Nuxt Users] client.middleware.auth.global: Whitelisted: ${to.path}`);
     return;
   }
-  const { isAuthenticated, user, fetchUser } = useAuthentication();
+  const { isAuthenticated, user, fetchUser, initializeUser } = useAuthentication();
+  if (!isAuthenticated.value) {
+    await initializeUser();
+  }
   if (!isAuthenticated.value && to.query?.oauth_success === "true") {
     try {
       await fetchUser(true);

package/dist/runtime/plugin.auth-init.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Early authentication initialization plugin
+ *
+ * This plugin runs early (name starts with '0') to ensure authentication state
+ * is initialized from cookies before middleware runs. This prevents redirects
+ * to login page when opening new tabs with valid session cookies.
+ */
+declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/plugin.auth-init.js

@@ -0,0 +1,16 @@
+import { defineNuxtPlugin } from "#app";
+import { useAuthentication } from "./composables/useAuthentication.js";
+export default defineNuxtPlugin(async () => {
+  if (import.meta.server) {
+    const { fetchUser } = useAuthentication();
+    try {
+      await fetchUser(true);
+    } catch {
+    }
+    return;
+  }
+  if (import.meta.client) {
+    const { initializeUser } = useAuthentication();
+    await initializeUser();
+  }
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-users",
-  "version": "1.37.2",
+  "version": "1.38.0",
   "description": "A comprehensive user management module for Nuxt 3 and Nuxt 4 applications with authentication, authorization, database support, and CLI tools",
   "keywords": [
     "nuxt",
@@ -63,7 +63,7 @@
     "build": "nuxt-module-build build",
     "postbuild": "node scripts/post-build.js",
     "prerelease": "node -v | grep -q 'v22' || (echo 'Please use Node.js v22 for deployment' && exit 1)",
-    "release": "yarn lint && yarn test && yarn prepack && changelogen --release && yarn publish && git push --follow-tags",
+    "release": "yarn lint && yarn test && yarn prepack && changelogen --release && npm publish && git push --follow-tags",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "pretest": "node -v | grep -q 'v22' || (echo 'Please use Node.js v22 for testing' && exit 1)",

package/.vscode/settings.json

@@ -1,18 +0,0 @@
-{
-  "eslint.experimental.useFlatConfig": true,
-  "editor.formatOnSave": true,
-  "editor.defaultFormatter": "dbaeumer.vscode-eslint",
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit"
-  },
-  "[javascript]": {
-    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
-  },
-  "[typescript]": {
-    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
-  },
-  "[vue]": {
-    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
-  },
-  "eslint.validate": ["javascript", "typescript", "vue"]
-}