nuxt-users 1.38.0 → 1.40.0

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

@@ -3,6 +3,21 @@ interface Props {
     apiEndpoint?: string;
     redirectTo?: string;
     loginLink?: string;
+    title?: string;
+    subtitle?: string;
+    nameLabel?: string;
+    namePlaceholder?: string;
+    emailLabel?: string;
+    emailPlaceholder?: string;
+    passwordLabel?: string;
+    passwordPlaceholder?: string;
+    confirmPasswordLabel?: string;
+    confirmPasswordPlaceholder?: string;
+    passwordMismatchError?: string;
+    submitLabel?: string;
+    submittingLabel?: string;
+    alreadyHaveAccountText?: string;
+    signInLinkText?: string;
 }
 interface RegistrationFormData {
     email: string;
@@ -10,9 +25,9 @@ interface RegistrationFormData {
     password: string;
     confirmPassword: string;
 }
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_17: {}, __VLS_19: {}, __VLS_21: {}, __VLS_23: {
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_16: {}, __VLS_18: {}, __VLS_20: {}, __VLS_22: {
     message: string;
-}, __VLS_25: {
+}, __VLS_24: {
     error: string;
 };
 type __VLS_Slots = {} & {
@@ -26,30 +41,30 @@ type __VLS_Slots = {} & {
 } & {
     'password-strength'?: (props: typeof __VLS_9) => any;
 } & {
-    'confirm-password-field'?: (props: typeof __VLS_17) => any;
+    'confirm-password-field'?: (props: typeof __VLS_16) => any;
 } & {
-    'submit-button'?: (props: typeof __VLS_19) => any;
+    'submit-button'?: (props: typeof __VLS_18) => any;
 } & {
-    footer?: (props: typeof __VLS_21) => any;
+    footer?: (props: typeof __VLS_20) => any;
 } & {
-    'success-message'?: (props: typeof __VLS_23) => any;
+    'success-message'?: (props: typeof __VLS_22) => any;
 } & {
-    'error-message'?: (props: typeof __VLS_25) => any;
+    'error-message'?: (props: typeof __VLS_24) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    error: (error: string) => any;
+    submit: (data: RegistrationFormData) => 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;
+    onSubmit?: ((data: RegistrationFormData) => 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>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/NUsersRegisterForm.vue

@@ -3,12 +3,29 @@ import { ref, computed, watch } from "vue";
 import { navigateTo } from "#app";
 import { useRuntimeConfig } from "#imports";
 import { validatePassword } from "nuxt-users/utils";
+import { useNuxtUsersLocale } from "../composables/useNuxtUsersLocale";
 const { public: { nuxtUsers } } = useRuntimeConfig();
 const { passwordValidation } = nuxtUsers;
+const { t } = useNuxtUsersLocale();
 const props = defineProps({
   apiEndpoint: { type: String, required: false },
   redirectTo: { type: String, required: false },
-  loginLink: { type: String, required: false }
+  loginLink: { type: String, required: false },
+  title: { type: String, required: false },
+  subtitle: { type: String, required: false },
+  nameLabel: { type: String, required: false },
+  namePlaceholder: { type: String, required: false },
+  emailLabel: { type: String, required: false },
+  emailPlaceholder: { type: String, required: false },
+  passwordLabel: { type: String, required: false },
+  passwordPlaceholder: { type: String, required: false },
+  confirmPasswordLabel: { type: String, required: false },
+  confirmPasswordPlaceholder: { type: String, required: false },
+  passwordMismatchError: { type: String, required: false },
+  submitLabel: { type: String, required: false },
+  submittingLabel: { type: String, required: false },
+  alreadyHaveAccountText: { type: String, required: false },
+  signInLinkText: { type: String, required: false }
 });
 const emit = defineEmits(["success", "error", "submit"]);
 const apiEndpoint = computed(() => props.apiEndpoint || `${nuxtUsers?.apiBasePath}/register`);
@@ -25,7 +42,8 @@ const formData = ref({
 watch(() => formData.value.password, (newPassword) => {
   if (newPassword) {
     passwordValidationResult.value = validatePassword(newPassword, passwordValidation);
-  } else {
+  }
+  if (!newPassword) {
     passwordValidationResult.value = null;
   }
 }, { immediate: true });
@@ -83,10 +101,10 @@ const handleSubmit = async () => {
       <slot name="header">
         <div class="n-users-register-header">
           <h2 class="n-users-register-title">
-            Create Account
+            {{ props.title || t("register.title") }}
           </h2>
           <p class="n-users-register-subtitle">
-            Sign up for a new account
+            {{ props.subtitle || t("register.subtitle") }}
           </p>
         </div>
       </slot>
@@ -94,13 +112,13 @@ const handleSubmit = async () => {
       <!-- Name field -->
       <slot name="name-field">
         <div class="n-users-form-group">
-          <label for="name">Full Name</label>
+          <label for="name">{{ props.nameLabel || t("register.nameLabel") }}</label>
           <input
             id="name"
             v-model="formData.name"
             type="text"
             name="name"
-            placeholder="Enter your full name"
+            :placeholder="props.namePlaceholder || t('register.namePlaceholder')"
             required
           >
         </div>
@@ -109,13 +127,13 @@ const handleSubmit = async () => {
       <!-- Email field -->
       <slot name="email-field">
         <div class="n-users-form-group">
-          <label for="email">Email</label>
+          <label for="email">{{ props.emailLabel || t("common.email") }}</label>
           <input
             id="email"
             v-model="formData.email"
             type="email"
             name="email"
-            placeholder="Enter your email"
+            :placeholder="props.emailPlaceholder || t('register.emailPlaceholder')"
             required
           >
         </div>
@@ -124,13 +142,13 @@ const handleSubmit = async () => {
       <!-- Password field -->
       <slot name="password-field">
         <div class="n-users-form-group">
-          <label for="password">Password</label>
+          <label for="password">{{ props.passwordLabel || t("register.passwordLabel") }}</label>
           <input
             id="password"
             v-model="formData.password"
             type="password"
             name="password"
-            placeholder="Enter your password"
+            :placeholder="props.passwordPlaceholder || t('register.passwordPlaceholder')"
             required
             :minlength="passwordValidation.minLength"
           >
@@ -151,13 +169,13 @@ const handleSubmit = async () => {
       <!-- Confirm Password field -->
       <slot name="confirm-password-field">
         <div class="n-users-form-group">
-          <label for="confirmPassword">Confirm Password</label>
+          <label for="confirmPassword">{{ props.confirmPasswordLabel || t("register.confirmPasswordLabel") }}</label>
           <input
             id="confirmPassword"
             v-model="formData.confirmPassword"
             type="password"
             name="confirmPassword"
-            placeholder="Confirm your password"
+            :placeholder="props.confirmPasswordPlaceholder || t('register.confirmPasswordPlaceholder')"
             required
             :class="{ 'n-users-input-error': !passwordsMatch }"
           >
@@ -165,7 +183,7 @@ const handleSubmit = async () => {
             v-if="!passwordsMatch && formData.confirmPassword"
             class="n-users-error-text"
           >
-            Passwords do not match
+            {{ props.passwordMismatchError || t("register.passwordMismatch") }}
           </small>
         </div>
       </slot>
@@ -180,7 +198,7 @@ const handleSubmit = async () => {
             v-if="isLoading"
             class="n-users-loading-spinner"
           />
-          {{ isLoading ? "Creating Account..." : "Create Account" }}
+          {{ isLoading ? props.submittingLabel || t("register.submitting") : props.submitLabel || t("register.submit") }}
         </button>
       </slot>
 
@@ -188,12 +206,12 @@ const handleSubmit = async () => {
       <slot name="footer">
         <div class="n-users-register-footer">
           <p class="n-users-login-link">
-            Already have an account?
+            {{ props.alreadyHaveAccountText || t("register.alreadyHaveAccount") }}
             <a
               :href="loginLink || '/login'"
               class="n-users-link"
             >
-              Sign in here
+              {{ props.signInLinkText || t("register.signInLink") }}
             </a>
           </p>
         </div>

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

@@ -3,6 +3,21 @@ interface Props {
     apiEndpoint?: string;
     redirectTo?: string;
     loginLink?: string;
+    title?: string;
+    subtitle?: string;
+    nameLabel?: string;
+    namePlaceholder?: string;
+    emailLabel?: string;
+    emailPlaceholder?: string;
+    passwordLabel?: string;
+    passwordPlaceholder?: string;
+    confirmPasswordLabel?: string;
+    confirmPasswordPlaceholder?: string;
+    passwordMismatchError?: string;
+    submitLabel?: string;
+    submittingLabel?: string;
+    alreadyHaveAccountText?: string;
+    signInLinkText?: string;
 }
 interface RegistrationFormData {
     email: string;
@@ -10,9 +25,9 @@ interface RegistrationFormData {
     password: string;
     confirmPassword: string;
 }
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_17: {}, __VLS_19: {}, __VLS_21: {}, __VLS_23: {
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_16: {}, __VLS_18: {}, __VLS_20: {}, __VLS_22: {
     message: string;
-}, __VLS_25: {
+}, __VLS_24: {
     error: string;
 };
 type __VLS_Slots = {} & {
@@ -26,30 +41,30 @@ type __VLS_Slots = {} & {
 } & {
     'password-strength'?: (props: typeof __VLS_9) => any;
 } & {
-    'confirm-password-field'?: (props: typeof __VLS_17) => any;
+    'confirm-password-field'?: (props: typeof __VLS_16) => any;
 } & {
-    'submit-button'?: (props: typeof __VLS_19) => any;
+    'submit-button'?: (props: typeof __VLS_18) => any;
 } & {
-    footer?: (props: typeof __VLS_21) => any;
+    footer?: (props: typeof __VLS_20) => any;
 } & {
-    'success-message'?: (props: typeof __VLS_23) => any;
+    'success-message'?: (props: typeof __VLS_22) => any;
 } & {
-    'error-message'?: (props: typeof __VLS_25) => any;
+    'error-message'?: (props: typeof __VLS_24) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    error: (error: string) => any;
+    submit: (data: RegistrationFormData) => 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;
+    onSubmit?: ((data: RegistrationFormData) => 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>;
 declare const _default: typeof __VLS_export;

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

@@ -2,15 +2,24 @@ interface Props {
     updatePasswordEndpoint?: string;
     resetPasswordEndpoint?: string;
     redirectTo?: string;
+    titleReset?: string;
+    titleChange?: string;
+    currentPasswordLabel?: string;
+    newPasswordLabel?: string;
+    confirmPasswordLabel?: string;
+    submitResetLabel?: string;
+    submitUpdateLabel?: string;
+    submittingResetLabel?: string;
+    submittingUpdateLabel?: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    success: (user: UserWithoutPassword) => any;
     error: (error: string) => any;
+    success: (user: UserWithoutPassword) => any;
     "password-error": (error: string) => any;
     "password-updated": () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onSuccess?: ((user: UserWithoutPassword) => any) | undefined;
     onError?: ((error: string) => any) | undefined;
+    onSuccess?: ((user: UserWithoutPassword) => any) | undefined;
     "onPassword-error"?: ((error: string) => any) | undefined;
     "onPassword-updated"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/NUsersResetPasswordForm.vue

@@ -3,12 +3,23 @@ import { ref, watch, computed } from "vue";
 import { usePasswordValidation } from "../composables/usePasswordValidation";
 import { useRuntimeConfig, useRoute, useRouter } from "#imports";
 import NUsersPasswordStrengthIndicator from "./NUsersPasswordStrengthIndicator.vue";
+import { useNuxtUsersLocale } from "../composables/useNuxtUsersLocale";
+const { t } = useNuxtUsersLocale();
 const { public: { nuxtUsers } } = useRuntimeConfig();
 const moduleOptions = nuxtUsers;
 const props = defineProps({
   updatePasswordEndpoint: { type: String, required: false },
   resetPasswordEndpoint: { type: String, required: false },
-  redirectTo: { type: String, required: false }
+  redirectTo: { type: String, required: false },
+  titleReset: { type: String, required: false },
+  titleChange: { type: String, required: false },
+  currentPasswordLabel: { type: String, required: false },
+  newPasswordLabel: { type: String, required: false },
+  confirmPasswordLabel: { type: String, required: false },
+  submitResetLabel: { type: String, required: false },
+  submitUpdateLabel: { type: String, required: false },
+  submittingResetLabel: { type: String, required: false },
+  submittingUpdateLabel: { type: String, required: false }
 });
 const emit = defineEmits(["success", "error", "password-error", "password-updated"]);
 const route = useRoute();
@@ -30,7 +41,8 @@ const passwordValidation = usePasswordValidation(moduleOptions);
 watch(() => passwordForm.value.newPassword, (newPassword) => {
   if (newPassword) {
     passwordValidation.validate(newPassword);
-  } else {
+  }
+  if (!newPassword) {
     passwordValidation.clearValidation();
   }
 });
@@ -101,7 +113,8 @@ const resetPassword = async () => {
 const handleSubmit = () => {
   if (isPasswordReset.value) {
     resetPassword();
-  } else {
+  }
+  if (!isPasswordReset.value) {
     updatePassword();
   }
 };
@@ -110,15 +123,15 @@ const handleSubmit = () => {
 <template>
   <div class="n-users-reset-password-container n-users-section">
     <h2 class="n-users-section-header">
-      {{ isPasswordReset ? "Reset Password" : "Change Password" }}
+      {{ isPasswordReset ? props.titleReset || t("resetPassword.titleReset") : props.titleChange || t("resetPassword.titleChange") }}
     </h2>
 
     <div
       v-if="isPasswordReset"
       class="n-users-info-message"
     >
-      <p>You are resetting your password using a secure link.</p>
-      <p><strong>Email:</strong> {{ resetEmail }}</p>
+      <p>{{ t("resetPassword.secureResetInfo") }}</p>
+      <p><strong>{{ t("common.email") }}:</strong> {{ resetEmail }}</p>
     </div>
 
     <form @submit.prevent="handleSubmit">
@@ -130,7 +143,7 @@ const handleSubmit = () => {
         <label
           for="currentPassword"
           class="n-users-form-label"
-        >Current Password</label>
+        >{{ props.currentPasswordLabel || t("resetPassword.currentPasswordLabel") }}</label>
         <input
           id="currentPassword"
           v-model="passwordForm.currentPassword"
@@ -145,7 +158,7 @@ const handleSubmit = () => {
         <label
           for="newPassword"
           class="n-users-form-label"
-        >{{ isPasswordReset ? "New Password" : "New Password" }}</label>
+        >{{ props.newPasswordLabel || t("resetPassword.newPasswordLabel") }}</label>
         <input
           id="newPassword"
           v-model="passwordForm.newPassword"
@@ -175,7 +188,7 @@ const handleSubmit = () => {
         <label
           for="newPasswordConfirmation"
           class="n-users-form-label"
-        >Confirm {{ isPasswordReset ? "New Password" : "New Password" }}</label>
+        >{{ props.confirmPasswordLabel || t("resetPassword.confirmPasswordLabel") }}</label>
         <input
           id="newPasswordConfirmation"
           v-model="passwordForm.newPasswordConfirmation"
@@ -206,10 +219,10 @@ const handleSubmit = () => {
         :disabled="isPasswordLoading"
       >
         <span v-if="isPasswordLoading">
-          {{ isPasswordReset ? "Resetting..." : "Updating..." }}
+          {{ isPasswordReset ? props.submittingResetLabel || t("resetPassword.submittingReset") : props.submittingUpdateLabel || t("resetPassword.submittingUpdate") }}
         </span>
-        <span v-else>
-          {{ isPasswordReset ? "Reset Password" : "Update Password" }}
+        <span v-if="!isPasswordLoading">
+          {{ isPasswordReset ? props.submitResetLabel || t("resetPassword.submitReset") : props.submitUpdateLabel || t("resetPassword.submitUpdate") }}
         </span>
       </button>
     </form>

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

@@ -2,15 +2,24 @@ interface Props {
     updatePasswordEndpoint?: string;
     resetPasswordEndpoint?: string;
     redirectTo?: string;
+    titleReset?: string;
+    titleChange?: string;
+    currentPasswordLabel?: string;
+    newPasswordLabel?: string;
+    confirmPasswordLabel?: string;
+    submitResetLabel?: string;
+    submitUpdateLabel?: string;
+    submittingResetLabel?: string;
+    submittingUpdateLabel?: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    success: (user: UserWithoutPassword) => any;
     error: (error: string) => any;
+    success: (user: UserWithoutPassword) => any;
     "password-error": (error: string) => any;
     "password-updated": () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onSuccess?: ((user: UserWithoutPassword) => any) | undefined;
     onError?: ((error: string) => any) | undefined;
+    onSuccess?: ((user: UserWithoutPassword) => 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

@@ -4,6 +4,8 @@ interface Props {
     index: number;
     displayFields?: string[];
     fieldLabels?: Record<string, string>;
+    editButtonText?: string;
+    deleteButtonText?: string;
 }
 declare var __VLS_1: {
     user: any;

package/dist/runtime/components/NUsersUserCard.vue

@@ -3,11 +3,15 @@ import { computed, onMounted, ref } from "vue";
 import { useAuthentication } from "../composables/useAuthentication";
 import { useRuntimeConfig } from "#imports";
 import { defaultDisplayFields, defaultFieldLabels } from "nuxt-users/utils";
+import { useNuxtUsersLocale } from "../composables/useNuxtUsersLocale";
+const { t } = useNuxtUsersLocale();
 const props = defineProps({
   user: { type: null, required: true },
   index: { type: Number, required: true },
   displayFields: { type: Array, required: false, default: () => defaultDisplayFields },
-  fieldLabels: { type: Object, required: false, default: () => defaultFieldLabels }
+  fieldLabels: { type: Object, required: false, default: () => defaultFieldLabels },
+  editButtonText: { type: String, required: false },
+  deleteButtonText: { type: String, required: false }
 });
 const emit = defineEmits(["delete", "editClick"]);
 const { public: { nuxtUsers } } = useRuntimeConfig();
@@ -43,7 +47,7 @@ const editUser = async (user) => {
   emit("editClick", user);
 };
 const deleteUser = async (user) => {
-  if (!confirm(`Are you sure you want to delete user ${user.name}?`)) {
+  if (!confirm(t("userCard.deleteConfirm", [user.name]))) {
     return;
   }
   try {
@@ -86,7 +90,7 @@ const deleteUser = async (user) => {
           class="n-users-edit-btn"
           @click="editUser(user)"
         >
-          Edit
+          {{ props.editButtonText || t("userCard.editButton") }}
         </button>
       </slot>
       <slot
@@ -100,7 +104,7 @@ const deleteUser = async (user) => {
           class="n-users-delete-btn"
           @click="deleteUser(user)"
         >
-          Delete
+          {{ props.deleteButtonText || t("userCard.deleteButton") }}
         </button>
       </slot>
     </div>

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

@@ -4,6 +4,8 @@ interface Props {
     index: number;
     displayFields?: string[];
     fieldLabels?: Record<string, string>;
+    editButtonText?: string;
+    deleteButtonText?: string;
 }
 declare var __VLS_1: {
     user: any;

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

@@ -4,12 +4,12 @@ interface Props {
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     error: (error: unknown) => any;
-    cancel: () => any;
     submit: (userData: User) => any;
+    cancel: () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onError?: ((error: unknown) => any) | undefined;
-    onCancel?: (() => any) | undefined;
     onSubmit?: ((userData: User) => any) | undefined;
+    onCancel?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/NUsersUserForm.vue

@@ -26,16 +26,16 @@ watch(() => props.user, (newUser) => {
   }
 });
 watch(() => formData.value.name, (name) => {
+  nameError.value = "";
   if (!name || name.trim().length < 3) {
     nameError.value = "Name must be at least 3 characters long";
-  } else {
-    nameError.value = "";
   }
 });
 watch(() => formData.value.password, (newPassword) => {
   if (newPassword) {
     passwordValidation.validate(newPassword);
-  } else {
+  }
+  if (!newPassword) {
     passwordValidation.clearValidation();
   }
 });
@@ -58,7 +58,8 @@ const handleSubmit = async () => {
         method: "PATCH",
         body: userData
       });
-    } else {
+    }
+    if (!isEditMode.value) {
       await $fetch(nuxtUsers.apiBasePath, {
         method: "POST",
         body: userData

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

@@ -4,12 +4,12 @@ interface Props {
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     error: (error: unknown) => any;
-    cancel: () => any;
     submit: (userData: User) => any;
+    cancel: () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onError?: ((error: unknown) => any) | undefined;
-    onCancel?: (() => any) | undefined;
     onSubmit?: ((userData: User) => any) | undefined;
+    onCancel?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/composables/useAuthentication.js

@@ -45,6 +45,11 @@ export const useAuthentication = () => {
           lazy: false
         });
         if (error.value) {
+          const statusCode = error.value.statusCode || error.value.status;
+          if (statusCode === 401) {
+            user.value = null;
+            return null;
+          }
           throw new Error(error.value.message || "Failed to fetch user");
         }
         userData = data.value?.user || null;
@@ -74,6 +79,15 @@ export const useAuthentication = () => {
       }
       return userData;
     } catch (error) {
+      const statusCode = error?.statusCode || error?.status || error?.response?.status;
+      if (statusCode === 401) {
+        user.value = null;
+        if (import.meta.client) {
+          localStorage.removeItem("user");
+          sessionStorage.removeItem("user");
+        }
+        return null;
+      }
       console.error("Failed to fetch user:", error);
       user.value = null;
       if (import.meta.client) {

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

@@ -0,0 +1,15 @@
+/**
+ * Composable for accessing nuxt-users localized messages
+ *
+ * @example
+ * ```ts
+ * const { t } = useNuxtUsersLocale()
+ * const title = t('login.title') // 'Welcome Back'
+ * const message = t('userCard.deleteConfirm', ['John']) // 'Are you sure you want to delete user John?'
+ * ```
+ */
+export declare const useNuxtUsersLocale: () => {
+    t: (key: string, params?: (string | number)[]) => string;
+    currentLocale: import("vue").ComputedRef<string>;
+    fallbackLocale: import("vue").ComputedRef<string>;
+};

package/dist/runtime/composables/useNuxtUsersLocale.js

@@ -0,0 +1,27 @@
+import { computed } from "vue";
+import { useRuntimeConfig } from "#app";
+import { getTranslation } from "../utils/locale.js";
+export const useNuxtUsersLocale = () => {
+  const { public: { nuxtUsers } } = useRuntimeConfig();
+  const moduleOptions = nuxtUsers;
+  const currentLocale = computed(() => {
+    return moduleOptions.locale?.default || "en";
+  });
+  const fallbackLocale = computed(() => {
+    return moduleOptions.locale?.fallbackLocale || "en";
+  });
+  const t = (key, params) => {
+    return getTranslation(
+      key,
+      currentLocale.value,
+      moduleOptions.locale?.texts,
+      fallbackLocale.value,
+      params
+    );
+  };
+  return {
+    t,
+    currentLocale,
+    fallbackLocale
+  };
+};

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

@@ -25,7 +25,7 @@ export declare const usePasswordValidation: (moduleOptions?: RuntimeModuleOption
     isValid: import("vue").ComputedRef<boolean>;
     errors: import("vue").ComputedRef<string[]>;
     hints: import("vue").ComputedRef<string[]>;
-    strength: import("vue").ComputedRef<"strong" | "weak" | "medium">;
+    strength: import("vue").ComputedRef<"weak" | "medium" | "strong">;
     score: import("vue").ComputedRef<number>;
     strengthColor: import("vue").ComputedRef<string>;
     strengthText: import("vue").ComputedRef<string>;