nuxt-users 1.37.3 → 1.39.0

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/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>;

package/dist/runtime/composables/usePublicPaths.js

@@ -50,7 +50,8 @@ export const usePublicPaths = () => {
     rolePermissions.forEach((permission) => {
       if (typeof permission === "string") {
         roleBasedPaths.push(permission);
-      } else if (typeof permission === "object" && permission.path) {
+      }
+      if (typeof permission === "object" && permission.path) {
         roleBasedPaths.push(permission.path);
       }
     });

package/dist/runtime/locales/en.d.ts

@@ -0,0 +1,2 @@
+import type { LocaleMessages } from '../../types.js';
+export declare const en: LocaleMessages;

package/dist/runtime/locales/en.js

@@ -0,0 +1,130 @@
+export const en = {
+  common: {
+    email: "Email",
+    password: "Password",
+    name: "Name",
+    fullName: "Full Name",
+    role: "Role",
+    active: "Active",
+    yes: "Yes",
+    no: "No",
+    id: "ID",
+    created: "Created",
+    updated: "Updated",
+    lastLogin: "Last Login",
+    registered: "Registered",
+    lastUpdated: "Last updated",
+    edit: "Edit",
+    delete: "Delete",
+    loading: "Loading...",
+    error: "Error"
+  },
+  login: {
+    title: "Welcome Back",
+    subtitle: "Sign in to your account",
+    emailPlaceholder: "Enter your email",
+    passwordLabel: "Password",
+    passwordPlaceholder: "Enter your password",
+    rememberMe: "Remember me",
+    submit: "Sign In",
+    submitting: "Signing in...",
+    forgotPassword: "Forgot your password?",
+    forgotPasswordSending: "Sending...",
+    emailRequiredForForgotPassword: "Please enter your email address first",
+    loginFailed: "Login failed",
+    forgotPasswordFailed: "Failed to send password reset email"
+  },
+  register: {
+    title: "Create Account",
+    subtitle: "Sign up for a new account",
+    nameLabel: "Full Name",
+    namePlaceholder: "Enter your full name",
+    emailPlaceholder: "Enter your email",
+    passwordLabel: "Password",
+    passwordPlaceholder: "Enter your password",
+    confirmPasswordLabel: "Confirm Password",
+    confirmPasswordPlaceholder: "Confirm your password",
+    passwordMismatch: "Passwords do not match",
+    submit: "Create Account",
+    submitting: "Creating Account...",
+    alreadyHaveAccount: "Already have an account?",
+    signInLink: "Sign in here"
+  },
+  resetPassword: {
+    titleReset: "Reset Password",
+    titleChange: "Change Password",
+    currentPasswordLabel: "Current Password",
+    newPasswordLabel: "New Password",
+    confirmPasswordLabel: "Confirm New Password",
+    submitReset: "Reset Password",
+    submitUpdate: "Update Password",
+    submittingReset: "Resetting...",
+    submittingUpdate: "Updating...",
+    passwordHelpText: "Password must contain at least",
+    secureResetInfo: "You are resetting your password using a secure link."
+  },
+  passwordStrength: {
+    label: "Password Requirements",
+    strength: {
+      weak: "Weak",
+      medium: "Medium",
+      strong: "Strong",
+      veryStrong: "Very Strong",
+      unknown: "Unknown"
+    },
+    requirements: {
+      minLength: "At least {0} characters",
+      uppercase: "Contains uppercase letter",
+      lowercase: "Contains lowercase letter",
+      numbers: "Contains number",
+      specialChars: "Contains special character"
+    },
+    hintsTitle: "How to make your password stronger?"
+  },
+  profile: {
+    title: "Profile Information",
+    name: "Name",
+    email: "Email",
+    role: "Role",
+    registered: "Registered",
+    lastUpdated: "Last updated",
+    active: "Active",
+    id: "ID"
+  },
+  emailConfirmation: {
+    successTitle: "Email Confirmed!",
+    errorTitle: "Confirmation Failed",
+    loginButton: "Continue to Login",
+    backToLogin: "Back to Login",
+    processing: "Processing...",
+    processingMessage: "Please wait while we process your email confirmation.",
+    successMessage: "Your email has been confirmed and your account is now active.",
+    errorMessage: "The confirmation link is invalid or has expired. Please try registering again or contact support."
+  },
+  logout: {
+    linkText: "Logout",
+    loggingOut: "Logging out...",
+    confirmMessage: "Are you sure you want to logout?"
+  },
+  userCard: {
+    edit: "Edit",
+    delete: "Delete",
+    deleteConfirm: "Are you sure you want to delete user {0}?"
+  },
+  googleLogin: {
+    buttonText: "Continue with Google",
+    redirecting: "Redirecting..."
+  },
+  usersList: {
+    title: "Users List",
+    loading: "Loading users...",
+    noUsers: "No users found",
+    error: "Error",
+    page: "Page",
+    of: "of",
+    total: "Total",
+    users: "users",
+    previous: "Previous",
+    next: "Next"
+  }
+};

package/dist/runtime/locales/hu.d.ts

@@ -0,0 +1,3 @@
+import type { LocaleMessages } from '../../types.js';
+export declare const hu: LocaleMessages;
+export declare const huFormal: LocaleMessages;