nuxt-users 1.6.4 → 1.6.6

package/dist/runtime/components/ResetPasswordForm.vue

@@ -1,118 +1,98 @@
 <script setup>
-import { ref, reactive, onMounted, computed, watch } from "vue";
-import { useRoute, useRouter } from "#app";
+import { ref, watch } from "vue";
 import { usePasswordValidation } from "../composables/usePasswordValidation";
 import { useRuntimeConfig } from "#imports";
 import PasswordStrengthIndicator from "./PasswordStrengthIndicator.vue";
-const formData = reactive({
-  password: "",
-  password_confirm: ""
+const props = defineProps({
+  apiEndpoint: { type: String, required: false, default: "/api/user/profile" },
+  updatePasswordEndpoint: { type: String, required: false, default: "/api/auth/update-password" }
 });
-const message = ref("");
-const loading = ref(false);
-const isError = ref(false);
-const formInvalidDueToToken = ref(false);
-const route = useRoute();
-const router = useRouter();
-const tokenFromUrl = ref(null);
-const emailFromUrl = ref(null);
-onMounted(() => {
-  if (typeof route.query.token === "string") {
-    tokenFromUrl.value = route.query.token;
-  }
-  if (typeof route.query.email === "string") {
-    emailFromUrl.value = decodeURIComponent(route.query.email);
-  }
-  if (!tokenFromUrl.value || !emailFromUrl.value) {
-    message.value = "Invalid or missing password reset token or email in URL. Cannot reset password.";
-    isError.value = true;
-    formInvalidDueToToken.value = true;
-  }
+const emit = defineEmits(["success", "error", "password-error", "password-updated"]);
+const isPasswordLoading = ref(false);
+const passwordError = ref("");
+const passwordSuccess = ref("");
+const passwordForm = ref({
+  currentPassword: "",
+  newPassword: "",
+  newPasswordConfirmation: ""
 });
-const canSubmit = computed(() => !!tokenFromUrl.value && !!emailFromUrl.value && !formInvalidDueToToken.value);
 const { public: { nuxtUsers } } = useRuntimeConfig();
 const moduleOptions = nuxtUsers;
 const passwordValidation = usePasswordValidation(moduleOptions);
-watch(() => formData.password, (newPassword) => {
+watch(() => passwordForm.value.newPassword, (newPassword) => {
   if (newPassword) {
     passwordValidation.validate(newPassword);
   } else {
     passwordValidation.clearValidation();
   }
 });
-const handleResetPassword = async () => {
-  if (!canSubmit.value) {
-    message.value = "Token or email is missing or invalid. Cannot reset password.";
-    isError.value = true;
-    return;
-  }
-  if (formData.password !== formData.password_confirm) {
-    message.value = "Passwords do not match.";
-    isError.value = true;
-    return;
-  }
-  loading.value = true;
-  message.value = "";
-  isError.value = false;
+const updatePassword = async () => {
+  isPasswordLoading.value = true;
+  passwordError.value = "";
+  passwordSuccess.value = "";
   try {
-    const response = await fetch("/api/reset-password", {
+    await $fetch(props.updatePasswordEndpoint, {
       method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        "Accept": "application/json"
-      },
-      body: JSON.stringify({
-        token: tokenFromUrl.value,
-        email: emailFromUrl.value,
-        password: formData.password,
-        password_confirmation: formData.password_confirm
-      })
+      body: passwordForm.value
     });
-    const responseData = await response.json();
-    if (!response.ok) {
-      throw new Error(responseData.message || responseData.statusMessage || "An error occurred.");
-    }
-    message.value = responseData.message + " Redirecting to login...";
-    isError.value = false;
-    formData.password = "";
-    formData.password_confirm = "";
-    setTimeout(() => {
-      router.push("/login");
-    }, 3e3);
+    passwordSuccess.value = "Password updated successfully";
+    emit("password-updated");
+    passwordForm.value = {
+      currentPassword: "",
+      newPassword: "",
+      newPasswordConfirmation: ""
+    };
   } catch (err) {
-    if (err instanceof Error) {
-      message.value = err.message;
-    } else {
-      message.value = "Failed to reset password.";
-    }
-    console.error("[Nuxt Users] Reset Password Form Error:", err);
-    isError.value = true;
+    const errorMessage = err && typeof err === "object" && "data" in err && err.data && typeof err.data === "object" && "statusMessage" in err.data ? String(err.data.statusMessage) : err instanceof Error ? err.message : "Failed to update password";
+    passwordError.value = errorMessage;
+    emit("password-error", errorMessage);
   } finally {
-    loading.value = false;
+    isPasswordLoading.value = false;
   }
 };
 </script>
 
 <template>
   <div>
-    <h2>Reset Password</h2>
-    <form @submit.prevent="handleResetPassword">
+    <h2>Change Password</h2>
+
+    <form @submit.prevent="updatePassword">
+      <div class="form-group">
+        <label
+          for="currentPassword"
+          class="form-label"
+        >Current Password</label>
+        <input
+          id="currentPassword"
+          v-model="passwordForm.currentPassword"
+          type="password"
+          class="form-input"
+          required
+          :disabled="isPasswordLoading"
+        >
+      </div>
+
       <div class="form-group">
-        <label for="password">New Password</label>
+        <label
+          for="newPassword"
+          class="form-label"
+        >New Password</label>
         <input
-          id="password"
-          v-model="formData.password"
+          id="newPassword"
+          v-model="passwordForm.newPassword"
           type="password"
-          name="password"
-          placeholder="Enter new password"
+          class="form-input"
           required
           :minlength="moduleOptions.passwordValidation?.minLength || 8"
-          :class="{ error: passwordValidation.errors.value.length > 0 && formData.password }"
+          :class="{ error: passwordValidation.errors.value.length > 0 && passwordForm.newPassword }"
+          :disabled="isPasswordLoading"
         >
+
         <PasswordStrengthIndicator
-          :password="formData.password"
+          :password="passwordForm.newPassword"
           :validation-result="passwordValidation.validationResult.value"
         />
+
         <!-- Password requirements -->
         <small class="form-help">
           Password must contain at least {{ moduleOptions.passwordValidation?.minLength || 8 }} characters
@@ -122,35 +102,48 @@ const handleResetPassword = async () => {
           <span v-if="moduleOptions.passwordValidation?.requireSpecialChars">, and special characters</span>.
         </small>
       </div>
+
       <div class="form-group">
-        <label for="password_confirm">Confirm New Password</label>
+        <label
+          for="newPasswordConfirmation"
+          class="form-label"
+        >Confirm New Password</label>
         <input
-          id="password_confirm"
-          v-model="formData.password_confirm"
+          id="newPasswordConfirmation"
+          v-model="passwordForm.newPasswordConfirmation"
           type="password"
-          name="password_confirm"
-          placeholder="Confirm new password"
+          class="form-input"
           required
-          :minlength="moduleOptions.passwordValidation?.minLength || 8"
+          :disabled="isPasswordLoading"
         >
       </div>
+
+      <div
+        v-if="passwordError"
+        class="error-message"
+      >
+        {{ passwordError }}
+      </div>
+
+      <div
+        v-if="passwordSuccess"
+        class="success-message"
+      >
+        {{ passwordSuccess }}
+      </div>
+
       <button
         type="submit"
-        :disabled="loading || formInvalidDueToToken"
+        class="btn btn-primary"
+        :disabled="isPasswordLoading"
       >
-        {{ loading ? "Resetting..." : "Reset Password" }}
+        <span v-if="isPasswordLoading">Updating...</span>
+        <span v-else>Update Password</span>
       </button>
-      <p
-        v-if="message"
-        :class="{ error: isError, success: !isError }"
-        class="form-message"
-      >
-        {{ message }}
-      </p>
     </form>
   </div>
 </template>
 
 <style scoped>
-.error{color:red}.success{color:green}.form-message{font-size:.9rem;margin-top:1em}.form-group{margin-bottom:1em}label{display:block;font-weight:700;margin-bottom:.25em}input[type=password]{border:1px solid var(--color-border-dark);border-radius:4px;box-sizing:border-box;padding:.75em;width:100%}input[type=password].error{border-color:#dc3545}.form-help{color:#6c757d;display:block;font-size:.875rem;margin-top:4px}button[type=submit]{background-color:var(--color-gray-800);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75em 1.5em}button[type=submit]:disabled{background-color:var(--color-gray-500);cursor:not-allowed}
+div{background-color:var(--color-bg-primary);border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;margin:0 auto;max-width:42em;padding:1em}h2{border-bottom:.1em solid var(--color-border)}form{gap:1em}.form-group,form{display:flex;flex-direction:column}.form-group{gap:.5em;width:90%}.form-label{color:var(--color-text-primary);font-size:1rem;font-weight:500}.form-input{border:1px solid var(--color-border);border-radius:.5em;font-size:1rem;padding:.5em 1em;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 .1em rgba(var(--color-primary-rgb),.1);outline:none}.form-input:disabled{background-color:var(--color-bg-secondary);cursor:not-allowed}.form-help{color:var(--color-text-secondary);font-size:.75rem;margin-top:.25em}.btn{align-self:flex-start;border:none;border-radius:.5em;cursor:pointer;font-size:1rem;font-weight:500;padding:.5em 1em;transition:background-color .2s,transform .1s}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px)}.error-message{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:.5em;color:var(--color-error);font-size:.875rem;padding:12px}.success-message{background-color:#f0fff4;border:1px solid #9ae6b4;border-radius:6px;color:#38a169;font-size:.875rem;padding:12px}
 </style>

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

@@ -1,2 +1,16 @@
-declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import type { UserWithoutPassword, ResetPasswordFormProps } from '../../types.js';
+declare const _default: import("vue").DefineComponent<ResetPasswordFormProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    success: (user: UserWithoutPassword) => any;
+    error: (error: string) => any;
+    "password-error": (error: string) => any;
+    "password-updated": () => any;
+}, string, import("vue").PublicProps, Readonly<ResetPasswordFormProps> & Readonly<{
+    onSuccess?: ((user: UserWithoutPassword) => any) | undefined;
+    onError?: ((error: string) => any) | undefined;
+    "onPassword-error"?: ((error: string) => any) | undefined;
+    "onPassword-updated"?: (() => any) | undefined;
+}>, {
+    apiEndpoint: string;
+    updatePasswordEndpoint: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,15 +1,15 @@
 import type { User, UserWithoutPassword } from '../../types.js';
 export declare const useAuth: () => {
     user: Readonly<import("vue").Ref<{
-        readonly email: string;
         readonly id: number;
+        readonly email: string;
         readonly name: string;
         readonly role: string;
         readonly created_at: string;
         readonly updated_at: string;
     } | null, {
-        readonly email: string;
         readonly id: number;
+        readonly email: string;
         readonly name: string;
         readonly role: string;
         readonly created_at: string;

package/dist/runtime/composables/useAuth.js

@@ -12,7 +12,7 @@ export const useAuth = () => {
   };
   const logout = async () => {
     try {
-      await $fetch("/api/logout", {
+      await $fetch("/api/auth/logout", {
         method: "GET"
       });
       user.value = null;
@@ -26,7 +26,7 @@ export const useAuth = () => {
   };
   const fetchUser = async () => {
     try {
-      const response = await $fetch("/api/profile", {
+      const response = await $fetch("/api/user/profile", {
         method: "GET"
       });
       user.value = response.user;

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

@@ -25,7 +25,7 @@ export declare const usePasswordValidation: (moduleOptions?: ModuleOptions, opti
     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/middleware/auth.client.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("#app").RouteMiddleware;
+export default _default;

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

@@ -0,0 +1,20 @@
+import { defineNuxtRouteMiddleware, navigateTo, useRuntimeConfig } from "#app";
+import { useAuth } from "../composables/useAuth.js";
+export default defineNuxtRouteMiddleware((to) => {
+  const { public: { nuxtUsers: publicNuxtUsers } } = useRuntimeConfig();
+  const publicOptions = publicNuxtUsers;
+  if (to.path === "/login") {
+    console.log("[Nuxt Users] client.middleware.auth.global: /login");
+    return;
+  }
+  if (publicOptions.auth.whitelist.includes(to.path)) {
+    console.log(`[Nuxt Users] client.middleware.auth.global: Whitelisted: ${to.path}`);
+    return;
+  }
+  const { isAuthenticated } = useAuth();
+  if (!isAuthenticated.value) {
+    console.log(`[Nuxt Users] client.middleware.auth.global: Unauthenticated ${to.path}, redirecting to /login`);
+    return navigateTo("/login");
+  }
+  console.log("[Nuxt Users] client.middleware.auth.global", { isAuthenticated: isAuthenticated.value, to: to.path });
+});

package/dist/runtime/plugin.js

@@ -1,55 +1,10 @@
-import { addRouteMiddleware, defineNuxtPlugin, useRuntimeConfig, navigateTo } from "#app";
+import { defineNuxtPlugin, useRuntimeConfig } from "#app";
 import { checkTableExists } from "./server/utils/index.js";
-import { useAuth } from "./composables/useAuth.js";
 export default defineNuxtPlugin(async (_nuxtApp) => {
   const { nuxtUsers } = useRuntimeConfig();
-  const { public: { nuxtUsers: publicNuxtUsers } } = useRuntimeConfig();
   const options = nuxtUsers;
-  const publicOptions = publicNuxtUsers;
   const hasMigrationsTable = await checkTableExists(options, options.tables.migrations);
   if (!hasMigrationsTable) {
     console.warn("[Nuxt Users] \u26A0\uFE0F  Migrations table does not exist, you should run the migration script to create it by running: npx nuxt-users migrate");
   }
-  const { initializeUser } = useAuth();
-  if (import.meta.client) {
-    await initializeUser();
-  }
-  addRouteMiddleware(
-    "auth.global",
-    (to, from) => {
-      if (to.path === "/login") {
-        return;
-      }
-      if (import.meta.server) {
-        console.log("[Nuxt Users] \u{1F510} Auth middleware: SSR - allowing request to proceed");
-        return;
-      }
-      const { user } = useAuth();
-      if (user.value || publicOptions.auth?.whitelist?.includes(to.path)) {
-        console.log("[Nuxt Users] \u{1F510} Auth middleware: Access allowed");
-        return;
-      }
-      console.log(`[Nuxt Users] \u{1F510} Auth middleware: Redirecting from ${from.path} to login - no user and not whitelisted`);
-      return navigateTo("/login");
-    },
-    { global: true }
-  );
-  if (import.meta.client) {
-    addRouteMiddleware(
-      "auth.client",
-      (to, from) => {
-        if (to.path === "/login") {
-          return;
-        }
-        const { user } = useAuth();
-        if (user.value || publicOptions.auth?.whitelist?.includes(to.path)) {
-          console.log("[Nuxt Users] \u{1F510} Client auth middleware: Access allowed");
-          return;
-        }
-        console.log(`[Nuxt Users] \u{1F510} Client auth middleware: Redirecting from ${from.path} to login - no user and not whitelisted`);
-        return navigateTo("/login");
-      },
-      { global: true }
-    );
-  }
 });

package/dist/runtime/server/api/{login.post.js → auth/login.post.js}

@@ -2,7 +2,7 @@ import { createError, defineEventHandler, readBody, setCookie } from "h3";
 import bcrypt from "bcrypt";
 import crypto from "node:crypto";
 import { useRuntimeConfig } from "#imports";
-import { useDb } from "../utils/index.js";
+import { useDb } from "../../utils/index.js";
 export default defineEventHandler(async (event) => {
   const body = await readBody(event);
   const { email, password } = body;

package/dist/runtime/server/api/{logout.get.js → auth/logout.get.js}

@@ -1,6 +1,6 @@
 import { defineEventHandler, getCookie, setCookie } from "h3";
 import { useRuntimeConfig } from "#imports";
-import { useDb } from "../utils/index.js";
+import { useDb } from "../../utils/index.js";
 export default defineEventHandler(async (event) => {
   const { nuxtUsers } = useRuntimeConfig();
   const options = nuxtUsers;

package/dist/runtime/server/api/auth/reset-password.post.js

@@ -5,9 +5,6 @@ import { validatePassword, getPasswordValidationOptions } from "../../../../util
 export default defineEventHandler(async (event) => {
   const body = await readBody(event);
   const { token, email, password, password_confirmation } = body;
-  if (!token || typeof token !== "string") {
-    throw createError({ statusCode: 400, statusMessage: "Token is required." });
-  }
   if (!email || typeof email !== "string") {
     throw createError({ statusCode: 400, statusMessage: "Email is required." });
   }

package/dist/runtime/server/api/{update-password.post.js → auth/update-password.post.js}

@@ -1,8 +1,8 @@
 import { createError, defineEventHandler, getCookie, readBody } from "h3";
 import bcrypt from "bcrypt";
 import { useRuntimeConfig } from "#imports";
-import { getCurrentUserFromToken, updateUserPassword } from "../utils/index.js";
-import { validatePassword, getPasswordValidationOptions } from "../../../utils";
+import { getCurrentUserFromToken, updateUserPassword } from "../../utils/index.js";
+import { validatePassword, getPasswordValidationOptions } from "../../../../utils";
 export default defineEventHandler(async (event) => {
   const { nuxtUsers } = useRuntimeConfig();
   const options = nuxtUsers;
@@ -13,7 +13,7 @@ export default defineEventHandler(async (event) => {
       statusMessage: "Unauthorized - No authentication token found"
     });
   }
-  const user = await getCurrentUserFromToken(token, options);
+  const user = await getCurrentUserFromToken(token, options, true);
   if (!user) {
     throw createError({
       statusCode: 401,

package/dist/runtime/server/api/user/profile.get.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<{
+    user: import("../../../../types.js").UserWithoutPassword;
+}>>;
+export default _default;

package/dist/runtime/server/api/{profile.get.js → user/profile.get.js}

@@ -1,6 +1,6 @@
 import { createError, defineEventHandler, getCookie } from "h3";
 import { useRuntimeConfig } from "#imports";
-import { getCurrentUserFromToken } from "../utils/index.js";
+import { getCurrentUserFromToken } from "../../utils/index.js";
 export default defineEventHandler(async (event) => {
   const { nuxtUsers } = useRuntimeConfig();
   const options = nuxtUsers;
@@ -18,6 +18,5 @@ export default defineEventHandler(async (event) => {
       statusMessage: "Unauthorized - Invalid authentication token"
     });
   }
-  const { password: _, ...userWithoutPassword } = user;
-  return { user: userWithoutPassword };
+  return { user };
 });

package/dist/runtime/server/middleware/auth.server.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<void>>;
+export default _default;

package/dist/runtime/server/middleware/auth.server.js

@@ -0,0 +1,32 @@
+import { defineEventHandler, getCookie, sendRedirect } from "h3";
+import { useRuntimeConfig } from "#imports";
+import { getCurrentUserFromToken } from "../utils/index.js";
+const noAuthPaths = ["/login", "/api/auth/login", "/api/auth/forgot-password"];
+export default defineEventHandler(async (event) => {
+  const { nuxtUsers } = useRuntimeConfig();
+  const options = nuxtUsers;
+  const isPageOrApiRoute = !event.path.includes(".") && (event.path === "/" || event.path.startsWith("/api/") || !event.path.startsWith("/_"));
+  if (!isPageOrApiRoute) {
+    return;
+  }
+  if (noAuthPaths.includes(event.path)) {
+    console.log("[Nuxt Users] server.middleware.auth.global: /login");
+    return;
+  }
+  if (options.auth.whitelist.includes(event.path)) {
+    console.log(`[Nuxt Users] server.middleware.auth.global: whitelisted: ${event.path}`);
+    return;
+  }
+  const token = getCookie(event, "auth_token");
+  if (!token) {
+    console.log(`[Nuxt Users] server.middleware.auth.global: ${event.path} No token found redirecting to login`);
+    return sendRedirect(event, "/login");
+  }
+  const user = await getCurrentUserFromToken(token, options);
+  if (!user) {
+    console.log(`[Nuxt Users] server.middleware.auth.global: ${event.path} No user found redirecting to login`);
+    return sendRedirect(event, "/login");
+  }
+  console.log(`[Nuxt Users] server.middleware.auth.global: Authenticated request to ${event.path} for ${user.id}`);
+  return;
+});

package/dist/runtime/server/utils/user.d.ts

@@ -1,4 +1,4 @@
-import type { ModuleOptions, User } from '../../../types.js';
+import type { ModuleOptions, User, UserWithoutPassword } from '../../../types.js';
 interface CreateUserParams {
     email: string;
     name: string;
@@ -23,5 +23,5 @@ export declare const hasAnyUsers: (options: ModuleOptions) => Promise<boolean>;
 /**
  * Gets the current user from an authentication token.
  */
-export declare const getCurrentUserFromToken: (token: string, options: ModuleOptions) => Promise<User | null>;
+export declare const getCurrentUserFromToken: <T extends boolean = false>(token: string, options: ModuleOptions, withPass?: T) => Promise<T extends true ? User | null : UserWithoutPassword | null>;
 export {};

package/dist/runtime/server/utils/user.js

@@ -71,7 +71,7 @@ export const hasAnyUsers = async (options) => {
     return false;
   }
 };
-export const getCurrentUserFromToken = async (token, options) => {
+export const getCurrentUserFromToken = async (token, options, withPass = false) => {
   const db = await useDb(options);
   const personalAccessTokensTable = options.tables.personalAccessTokens;
   const usersTable = options.tables.users;
@@ -90,5 +90,10 @@ export const getCurrentUserFromToken = async (token, options) => {
   if (userResult.rows.length === 0) {
     return null;
   }
-  return userResult.rows[0];
+  const user = userResult.rows[0];
+  if (withPass === true) {
+    return user;
+  }
+  const { password: _, ...userWithoutPassword } = user;
+  return userWithoutPassword;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-users",
-  "version": "1.6.4",
+  "version": "1.6.6",
   "description": "A comprehensive user management module for Nuxt 3 applications with authentication, database support, and CLI tools",
   "keywords": [
     "nuxt",

package/dist/runtime/components/ForgotPasswordForm.vue

@@ -1,77 +0,0 @@
-<script setup>
-import { ref, reactive } from "vue";
-const formData = reactive({
-  email: ""
-});
-const message = ref("");
-const loading = ref(false);
-const isError = ref(false);
-const handleForgotPassword = async () => {
-  loading.value = true;
-  message.value = "";
-  isError.value = false;
-  try {
-    const response = await fetch("/api/forgot-password", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        "Accept": "application/json"
-      },
-      body: JSON.stringify({ email: formData.email })
-    });
-    const responseData = await response.json();
-    if (!response.ok) {
-      throw new Error(responseData.message || responseData.statusMessage || "An error occurred.");
-    }
-    message.value = responseData.message;
-    isError.value = false;
-    formData.email = "";
-  } catch (err) {
-    if (err instanceof Error) {
-      message.value = err.message;
-    } else {
-      message.value = "Failed to send password reset link.";
-    }
-    console.error("[Nuxt Users] Forgot Password Form Error:", err);
-    isError.value = true;
-  } finally {
-    loading.value = false;
-  }
-};
-</script>
-
-<template>
-  <div>
-    <h2>Forgot Password</h2>
-    <form @submit.prevent="handleForgotPassword">
-      <div class="form-group">
-        <label for="email">Email</label>
-        <input
-          id="email"
-          v-model="formData.email"
-          type="email"
-          name="email"
-          placeholder="your@email.com"
-          required
-        >
-      </div>
-      <button
-        type="submit"
-        :disabled="loading"
-      >
-        {{ loading ? "Sending..." : "Send Password Reset Link" }}
-      </button>
-      <p
-        v-if="message"
-        :class="{ error: isError, success: !isError }"
-        class="form-message"
-      >
-        {{ message }}
-      </p>
-    </form>
-  </div>
-</template>
-
-<style scoped>
-.error{color:red}.success{color:green}.form-message{font-size:.9rem;margin-top:1em}.form-group{margin-bottom:1em}label{display:block;font-weight:700;margin-bottom:.25em}input[type=email]{border:1px solid var(--color-border-dark);border-radius:4px;box-sizing:border-box;padding:.75em;width:100%}button[type=submit]{background-color:var(--color-gray-800);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75em 1.5em}button[type=submit]:disabled{background-color:var(--color-gray-500);cursor:not-allowed}
-</style>