nuxt-users 1.6.5 → 1.6.6

package/CHANGELOG.md

@@ -1,6 +1,37 @@
 # Changelog
 
 
+## v1.6.6
+
+[compare changes](https://github.com/rrd108/nuxt-users/compare/v1.6.5...v1.6.6)
+
+### 🩹 Fixes
+
+- Authentication middleware ([c7de8a4](https://github.com/rrd108/nuxt-users/commit/c7de8a4))
+- Lint and type errors ([dd6ee40](https://github.com/rrd108/nuxt-users/commit/dd6ee40))
+- Type errors ([65c81fb](https://github.com/rrd108/nuxt-users/commit/65c81fb))
+- **cli:** Updates CLI version dynamically ([1cca13a](https://github.com/rrd108/nuxt-users/commit/1cca13a))
+- Authentication middleware logic ([18a3bb5](https://github.com/rrd108/nuxt-users/commit/18a3bb5))
+- Password validation and UI ([07b44b3](https://github.com/rrd108/nuxt-users/commit/07b44b3))
+
+### 💅 Refactors
+
+- API routes ([3c7603f](https://github.com/rrd108/nuxt-users/commit/3c7603f))
+- Authentication components and logic ([4da544f](https://github.com/rrd108/nuxt-users/commit/4da544f))
+
+### 🏡 Chore
+
+- **release:** V1.6.5 ([f35e526](https://github.com/rrd108/nuxt-users/commit/f35e526))
+
+### ✅ Tests
+
+- Fix mock ([791dc94](https://github.com/rrd108/nuxt-users/commit/791dc94))
+- Adds unit tests for auth API endpoints ([d844630](https://github.com/rrd108/nuxt-users/commit/d844630))
+
+### ❤️ Contributors
+
+- Rrd108 ([@rrd108](https://github.com/rrd108))
+
 ## v1.6.5
 
 [compare changes](https://github.com/rrd108/nuxt-users/compare/v1.6.4...v1.6.5)

package/dist/cli.mjs

@@ -247,7 +247,7 @@ const main = defineCommand({
   meta: {
     name: "nuxt-users",
     description: "CLI for Nuxt Users Module - Manage users, migrations, and database operations",
-    version: "1.6.3"
+    version: "1.6.5"
   },
   subCommands: {
     migrate,

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-users",
   "configKey": "nuxtUsers",
-  "version": "1.6.5",
+  "version": "1.6.6",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.6.0"

package/dist/module.mjs

@@ -93,54 +93,50 @@ const module = defineNuxtModule({
       global: true
     });
     addServerHandler({
-      route: "/api/login",
+      route: "/api/auth/login",
       method: "post",
-      handler: resolver.resolve("./runtime/server/api/login.post")
+      handler: resolver.resolve("./runtime/server/api/auth/login.post")
     });
     addServerHandler({
-      route: "/api/forgot-password",
+      route: "/api/auth/forgot-password",
       method: "post",
       handler: resolver.resolve("./runtime/server/api/auth/forgot-password.post")
     });
     addServerHandler({
-      route: "/api/reset-password",
+      route: "/api/auth/reset-password",
       method: "post",
       handler: resolver.resolve("./runtime/server/api/auth/reset-password.post")
     });
     addServerHandler({
-      route: "/api/logout",
+      route: "/api/auth/logout",
       method: "get",
-      handler: resolver.resolve("./runtime/server/api/logout.get")
+      handler: resolver.resolve("./runtime/server/api/auth/logout.get")
     });
     addServerHandler({
-      route: "/api/profile",
+      route: "/api/user/profile",
       method: "get",
-      handler: resolver.resolve("./runtime/server/api/profile.get")
+      handler: resolver.resolve("./runtime/server/api/user/profile.get")
     });
     addServerHandler({
-      route: "/api/update-password",
+      route: "/api/auth/update-password",
       method: "post",
-      handler: resolver.resolve("./runtime/server/api/update-password.post")
+      handler: resolver.resolve("./runtime/server/api/auth/update-password.post")
     });
     addComponent({
       name: "LoginForm",
       filePath: resolver.resolve("./runtime/components/LoginForm.vue")
     });
-    addComponent({
-      name: "ForgotPasswordForm",
-      filePath: resolver.resolve("./runtime/components/ForgotPasswordForm.vue")
-    });
-    addComponent({
-      name: "ResetPasswordForm",
-      filePath: resolver.resolve("./runtime/components/ResetPasswordForm.vue")
-    });
     addComponent({
       name: "LogoutLink",
       filePath: resolver.resolve("./runtime/components/LogoutLink.vue")
     });
     addComponent({
-      name: "ProfileForm",
-      filePath: resolver.resolve("./runtime/components/ProfileForm.vue")
+      name: "ProfileInfo",
+      filePath: resolver.resolve("./runtime/components/ProfileInfo.vue")
+    });
+    addComponent({
+      name: "ResetPasswordForm",
+      filePath: resolver.resolve("./runtime/components/ResetPasswordForm.vue")
     });
     nuxt.options.css = nuxt.options.css || [];
     nuxt.options.css.push(resolver.resolve("./runtime/assets/colors.css"));

package/dist/runtime/components/LoginForm.vue

@@ -1,8 +1,11 @@
 <script setup>
 import { ref } from "vue";
 import { navigateTo } from "#app";
+import { useRuntimeConfig } from "#imports";
+const { public: { nuxtUsers } } = useRuntimeConfig();
+const { passwordValidation } = nuxtUsers;
 const props = defineProps({
-  apiEndpoint: { type: String, required: false, default: "/api/login" },
+  apiEndpoint: { type: String, required: false, default: "/api/auth/login" },
   redirectTo: { type: String, required: false, default: "/" },
   forgotPasswordEndpoint: { type: String, required: false, default: "/api/auth/forgot-password" }
 });
@@ -108,7 +111,7 @@ const handleForgotPassword = async () => {
             name="password"
             placeholder="Enter your password"
             required
-            minlength="6"
+            :minlength="passwordValidation.minLength"
           >
         </div>
       </slot>
@@ -190,5 +193,5 @@ const handleForgotPassword = async () => {
 </template>
 
 <style scoped>
-section{background:linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%);border:1px solid var(--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);margin:0 auto;max-width:25rem;padding:1em}form{gap:1.5rem}.form-group,form{display:flex;flex-direction:column}label{display:block;font-weight:500;margin-bottom:.5em}input[type=email],input[type=password],label{color:var(--color-gray-700);font-size:.875rem}input[type=email],input[type=password]{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px;box-sizing:border-box;padding:.75em 1em;transition:all .2s ease-in-out;width:100%}input[type=email]:focus,input[type=password]:focus{background-color:var(--color-bg-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.login-header{margin-bottom:1em;text-align:center}.login-title{color:var(--color-gray-800);font-size:1.875rem;font-weight:700;line-height:1.2;margin:0 0 .5em}.login-subtitle{color:var(--color-gray-500);font-size:.875rem;line-height:1.5;margin:0}.remember-me{align-items:center;display:flex;gap:.5rem}input[type=checkbox]{margin:0;width:auto}.remember-me label{color:var(--color-gray-700);font-size:.875rem;margin:0}button[type=submit]{align-items:center;background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:8px;color:var(--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%}button[type=submit]:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{animation:spin 1s linear infinite;border:2px solid var(--color-white);border-radius:50%;border-top:2px solid transparent;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-footer{margin-top:1em;text-align:center}.forgot-password{margin:0}.forgot-link{align-items:center;color:var(--color-primary);display:inline-flex;font-size:.875rem;gap:.5rem;text-decoration:none;transition:color .2s ease-in-out}.forgot-link:hover:not(.loading){color:var(--color-primary-dark);text-decoration:underline}.forgot-link.loading{cursor:not-allowed;opacity:.6;pointer-events:none}.error-message{background-color:var(--color-error-light);border:1px solid var(--color-error-border);border-radius:8px;color:var(--color-error)}.error-message,.success-message{font-size:.875rem;margin-top:1em;padding:.75em 1em;text-align:center}.success-message{background-color:var(--color-success-light);border:1px solid var(--color-success-border);border-radius:8px;color:var(--color-success)}@media (max-width:480px){.login-form-container{margin:1em;padding:1.5em}.login-title{font-size:1.5rem}}
+section{background:linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%);border:1px solid var(--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);margin:0 auto;max-width:25rem;padding:1em}form{gap:1.5rem}.form-group,form{display:flex;flex-direction:column}label{display:block;font-weight:500;margin-bottom:.5em}input[type=email],input[type=password],label{color:var(--color-gray-700);font-size:.875rem}input[type=email],input[type=password]{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:.5em;box-sizing:border-box;padding:.75em 1em;transition:all .2s ease-in-out;width:100%}input[type=email]:focus,input[type=password]:focus{background-color:var(--color-bg-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.login-header{margin-bottom:1em;text-align:center}.login-title{color:var(--color-gray-800);font-size:1.875rem;font-weight:700;line-height:1.2;margin:0 0 .5em}.login-subtitle{color:var(--color-gray-500);font-size:.875rem;line-height:1.5;margin:0}.remember-me{align-items:center;display:flex;gap:.5rem}input[type=checkbox]{margin:0;width:auto}.remember-me label{color:var(--color-gray-700);font-size:.875rem;margin:0}button[type=submit]{align-items:center;background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:.5em;color:var(--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%}button[type=submit]:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{animation:spin 1s linear infinite;border:2px solid var(--color-white);border-radius:50%;border-top:2px solid transparent;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-footer{margin-top:1em;text-align:center}.forgot-password{margin:0}.forgot-link{align-items:center;color:var(--color-primary);display:inline-flex;font-size:.875rem;gap:.5rem;text-decoration:none;transition:color .2s ease-in-out}.forgot-link:hover:not(.loading){color:var(--color-primary-dark);text-decoration:underline}.forgot-link.loading{cursor:not-allowed;opacity:.6;pointer-events:none}.error-message{background-color:var(--color-error-light);border:1px solid var(--color-error-border);border-radius:.5em;color:var(--color-error)}.error-message,.success-message{font-size:.875rem;margin-top:1em;padding:.75em 1em;text-align:center}.success-message{background-color:var(--color-success-light);border:1px solid var(--color-success-border);border-radius:.5em;color:var(--color-success)}@media (max-width:480px){.login-form-container{margin:1em;padding:1.5em}.login-title{font-size:1.5rem}}
 </style>

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

@@ -22,16 +22,16 @@ type __VLS_Slots = {} & {
     'error-message'?: (props: typeof __VLS_15) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<LoginFormProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    error: (error: string) => any;
-    submit: (data: LoginFormData) => any;
     success: (user: UserWithoutPassword) => any;
+    error: (error: string) => any;
     "forgot-password-error": (error: string) => any;
+    submit: (data: LoginFormData) => any;
     "forgot-password-success": () => any;
 }, string, import("vue").PublicProps, Readonly<LoginFormProps> & Readonly<{
-    onError?: ((error: string) => any) | undefined;
-    onSubmit?: ((data: LoginFormData) => any) | undefined;
     onSuccess?: ((user: UserWithoutPassword) => any) | undefined;
+    onError?: ((error: string) => any) | undefined;
     "onForgot-password-error"?: ((error: string) => any) | undefined;
+    onSubmit?: ((data: LoginFormData) => any) | undefined;
     "onForgot-password-success"?: (() => any) | undefined;
 }>, {
     apiEndpoint: string;

package/dist/runtime/components/LogoutLink.vue

@@ -6,7 +6,14 @@ const props = defineProps({
   redirectTo: { type: String, required: false, default: "/login" },
   linkText: { type: String, required: false, default: "Logout" },
   confirmMessage: { type: String, required: false, default: "Are you sure you want to logout?" },
-  class: { type: String, required: false }
+  class: { type: String, required: false },
+  style: { type: [String, Object], required: false },
+  linkClass: { type: String, required: false },
+  linkStyle: { type: [String, Object], required: false },
+  errorClass: { type: String, required: false },
+  errorStyle: { type: [String, Object], required: false },
+  containerClass: { type: String, required: false },
+  containerStyle: { type: [String, Object], required: false }
 });
 const emit = defineEmits(["success", "click", "error"]);
 const { logout } = useAuth();
@@ -37,26 +44,33 @@ const handleLogout = async (event) => {
 </script>
 
 <template>
-  <div>
+  <div
+    :class="['logout-container', props.containerClass]"
+    :style="props.containerStyle"
+  >
     <div
       v-if="error"
-      class="error-message"
+      :class="['error-message', props.errorClass]"
+      :style="props.errorStyle"
     >
       {{ error }}
     </div>
 
     <a
       href="#"
-      :class="['logout-link', { loading: isLoading }, props.class]"
+      :class="['logout-link', { loading: isLoading }, props.linkClass]"
+      :style="props.linkStyle"
       :disabled="isLoading"
       @click="handleLogout"
     >
-      <span v-if="isLoading">Logging out...</span>
-      <span v-else>{{ linkText }}</span>
+      <slot>
+        <span v-if="isLoading">Logging out...</span>
+        <span v-else>{{ linkText }}</span>
+      </slot>
     </a>
   </div>
 </template>
 
 <style scoped>
-.logout-link{color:#dc3545;cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.logout-link:hover:not(.loading){color:#c82333;text-decoration:underline}.logout-link.loading{cursor:not-allowed;opacity:.6;pointer-events:none}.error-message{color:#dc3545;font-size:.875rem;margin-bottom:.5rem}
+.logout-link{background:var(--color-error);border:2px solid transparent;border-color:var(--color-error-dark);border-radius:.5em;color:#fff;display:inline-block;font-weight:500;padding:.5em 1em;text-decoration:none;transition:all .2s}.logout-link:hover{border-color:var(--color-primary)}.error-message{color:var(--color-error);font-size:1rem;margin-bottom:.5em}
 </style>

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

@@ -3,18 +3,35 @@ interface LogoutLinkProps {
     linkText?: string;
     confirmMessage?: string;
     class?: string;
+    style?: string | Record<string, string | number>;
+    linkClass?: string;
+    linkStyle?: string | Record<string, string | number>;
+    errorClass?: string;
+    errorStyle?: string | Record<string, string | number>;
+    containerClass?: string;
+    containerStyle?: string | Record<string, string | number>;
 }
-declare const _default: import("vue").DefineComponent<LogoutLinkProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: () => any;
-    error: (error: string) => any;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<LogoutLinkProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     success: () => any;
+    error: (error: string) => any;
+    click: () => any;
 }, string, import("vue").PublicProps, Readonly<LogoutLinkProps> & Readonly<{
-    onClick?: (() => any) | undefined;
-    onError?: ((error: string) => any) | undefined;
     onSuccess?: (() => any) | undefined;
+    onError?: ((error: string) => any) | undefined;
+    onClick?: (() => any) | undefined;
 }>, {
     redirectTo: string;
     linkText: string;
     confirmMessage: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/PasswordStrengthIndicator.vue

@@ -1,49 +1,60 @@
 <script setup>
 import { computed } from "vue";
+import { useRuntimeConfig } from "#imports";
 const props = defineProps({
   password: { type: String, required: true },
   validationResult: { type: [Object, null], required: true },
   showHints: { type: Boolean, required: false, default: true },
   showRules: { type: Boolean, required: false, default: true }
 });
+const { public: { nuxtUsers } } = useRuntimeConfig();
+const moduleOptions = nuxtUsers;
 const hasErrors = computed(() => (props.validationResult?.errors?.length || 0) > 0);
 const hasHints = computed(() => (props.validationResult?.hints?.length || 0) > 0);
 const hasPassword = computed(() => props.password.length > 0);
 const validationRules = computed(() => {
   if (!props.password) return [];
   const rules = [];
-  const minLength = 8;
-  const hasMinLength = props.password.length >= minLength;
-  rules.push({
-    text: `At least ${minLength} characters`,
-    passed: hasMinLength
-  });
-  const hasUppercase = /[A-Z]/.test(props.password);
-  rules.push({
-    text: "Contains uppercase letter (A-Z)",
-    passed: hasUppercase
-  });
-  const hasLowercase = /[a-z]/.test(props.password);
-  rules.push({
-    text: "Contains lowercase letter (a-z)",
-    passed: hasLowercase
-  });
-  const hasNumbers = /\d/.test(props.password);
-  rules.push({
-    text: "Contains number (0-9)",
-    passed: hasNumbers
-  });
-  const hasSpecialChars = /[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/.test(props.password);
-  rules.push({
-    text: "Contains special character (!@#$%^&*)",
-    passed: hasSpecialChars
-  });
+  if (moduleOptions.passwordValidation.minLength) {
+    const hasMinLength = props.password.length >= moduleOptions.passwordValidation.minLength;
+    rules.push({
+      text: `At least ${moduleOptions.passwordValidation.minLength} characters`,
+      passed: hasMinLength
+    });
+  }
+  if (moduleOptions.passwordValidation.requireUppercase) {
+    const hasUppercase = /[A-Z]/.test(props.password);
+    rules.push({
+      text: "Contains uppercase letter (A-Z)",
+      passed: hasUppercase
+    });
+  }
+  if (moduleOptions.passwordValidation.requireLowercase) {
+    const hasLowercase = /[a-z]/.test(props.password);
+    rules.push({
+      text: "Contains lowercase letter (a-z)",
+      passed: hasLowercase
+    });
+  }
+  if (moduleOptions.passwordValidation.requireNumbers) {
+    const hasNumbers = /\d/.test(props.password);
+    rules.push({
+      text: "Contains number (0-9)",
+      passed: hasNumbers
+    });
+  }
+  if (moduleOptions.passwordValidation.requireSpecialChars) {
+    const hasSpecialChars = /[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/.test(props.password);
+    rules.push({
+      text: "Contains special character (!@#$%^&*)",
+      passed: hasSpecialChars
+    });
+  }
   return rules;
 });
 </script>
 
 <template>
-  <!-- Password strength indicator -->
   <div
     v-if="hasPassword"
     class="password-strength"

package/dist/runtime/components/ProfileInfo.vue

@@ -0,0 +1,33 @@
+<script setup>
+import { useAuth } from "../composables/useAuth";
+const { user } = useAuth();
+</script>
+
+<template>
+  <div>
+    <h2>Profile Information</h2>
+    <dl
+      v-if="user"
+      class="profile-info"
+    >
+      <dt>Name:</dt>
+      <dd>{{ user.name }}</dd>
+
+      <dt>Email:</dt>
+      <dd>{{ user.email }}</dd>
+
+      <dt>Role:</dt>
+      <dd>{{ user.role }}</dd>
+
+      <dt>Registered:</dt>
+      <dd>{{ Intl.DateTimeFormat().format(new Date(user.created_at)) }}</dd>
+
+      <dt>Last updated:</dt>
+      <dd>{{ Intl.DateTimeFormat().format(new Date(user.updated_at)) }}</dd>
+    </dl>
+  </div>
+</template>
+
+<style scoped>
+div{background-color:var(--color-bg-primary);border-top-left-radius:.5em;border-top-right-radius:.5em;margin:0 auto;max-width:42em;padding:1em}h2{border-bottom:.1em solid var(--color-border)}dl{display:grid;font-size:1rem;gap:16px;grid-template-columns:1fr 5fr;list-style:none;margin:0;padding:0}
+</style>

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.js

@@ -11,10 +11,10 @@ export default defineNuxtRouteMiddleware((to) => {
     console.log(`[Nuxt Users] client.middleware.auth.global: Whitelisted: ${to.path}`);
     return;
   }
-  const { user } = useAuth();
-  if (!user.value?.id) {
-    console.log("[Nuxt Users] client.middleware.auth.global: Unauthenticated, redirecting to /login");
+  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", { user: user.value?.id, to: to.path });
+  console.log("[Nuxt Users] client.middleware.auth.global", { isAuthenticated: isAuthenticated.value, to: to.path });
 });

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

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,5 +18,5 @@ export default defineEventHandler(async (event) => {
       statusMessage: "Unauthorized - Invalid authentication token"
     });
   }
-  return user;
+  return { user };
 });

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

@@ -1,6 +1,7 @@
 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;
@@ -8,7 +9,7 @@ export default defineEventHandler(async (event) => {
   if (!isPageOrApiRoute) {
     return;
   }
-  if (event.path === "/login" || event.path === "/api/login") {
+  if (noAuthPaths.includes(event.path)) {
     console.log("[Nuxt Users] server.middleware.auth.global: /login");
     return;
   }
@@ -26,6 +27,6 @@ export default defineEventHandler(async (event) => {
     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 for ${user.id}`);
+  console.log(`[Nuxt Users] server.middleware.auth.global: Authenticated request to ${event.path} for ${user.id}`);
   return;
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-users",
-  "version": "1.6.5",
+  "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>

package/dist/runtime/components/ProfileForm.vue

@@ -1,240 +0,0 @@
-<script setup>
-import { ref, onMounted, watch } from "vue";
-import { usePasswordValidation } from "../composables/usePasswordValidation";
-import { useRuntimeConfig } from "#imports";
-import PasswordStrengthIndicator from "./PasswordStrengthIndicator.vue";
-const props = defineProps({
-  apiEndpoint: { type: String, required: false, default: "/api/profile" },
-  updatePasswordEndpoint: { type: String, required: false, default: "/api/update-password" }
-});
-const emit = defineEmits(["success", "error", "password-error", "password-updated"]);
-const isLoading = ref(false);
-const isPasswordLoading = ref(false);
-const error = ref("");
-const passwordError = ref("");
-const passwordSuccess = ref("");
-const user = ref(null);
-const passwordForm = ref({
-  currentPassword: "",
-  newPassword: "",
-  newPasswordConfirmation: ""
-});
-const { public: { nuxtUsers } } = useRuntimeConfig();
-const moduleOptions = nuxtUsers;
-const passwordValidation = usePasswordValidation(moduleOptions);
-watch(() => passwordForm.value.newPassword, (newPassword) => {
-  if (newPassword) {
-    passwordValidation.validate(newPassword);
-  } else {
-    passwordValidation.clearValidation();
-  }
-});
-const loadProfile = async () => {
-  isLoading.value = true;
-  error.value = "";
-  try {
-    const response = await $fetch(props.apiEndpoint, {
-      method: "GET"
-    });
-    user.value = response.user;
-    emit("success", response.user);
-  } catch (err) {
-    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 load profile";
-    error.value = errorMessage;
-    emit("error", errorMessage);
-  } finally {
-    isLoading.value = false;
-  }
-};
-const updatePassword = async () => {
-  isPasswordLoading.value = true;
-  passwordError.value = "";
-  passwordSuccess.value = "";
-  try {
-    await $fetch(props.updatePasswordEndpoint, {
-      method: "POST",
-      body: passwordForm.value
-    });
-    passwordSuccess.value = "Password updated successfully";
-    emit("password-updated");
-    passwordForm.value = {
-      currentPassword: "",
-      newPassword: "",
-      newPasswordConfirmation: ""
-    };
-  } catch (err) {
-    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 {
-    isPasswordLoading.value = false;
-  }
-};
-const formatDate = (dateString) => {
-  return new Date(dateString).toLocaleDateString("en-US", {
-    year: "numeric",
-    month: "long",
-    day: "numeric",
-    hour: "2-digit",
-    minute: "2-digit"
-  });
-};
-onMounted(() => {
-  loadProfile();
-});
-</script>
-
-<template>
-  <div class="profile-form">
-    <!-- Profile Information Section -->
-    <div class="profile-section">
-      <h2 class="section-title">
-        Profile Information
-      </h2>
-
-      <div
-        v-if="isLoading"
-        class="loading"
-      >
-        Loading profile...
-      </div>
-
-      <div
-        v-else-if="error"
-        class="error-message"
-      >
-        {{ error }}
-      </div>
-
-      <div
-        v-else-if="user"
-        class="profile-info"
-      >
-        <div class="info-row">
-          <label class="info-label">Name:</label>
-          <span class="info-value">{{ user.name }}</span>
-        </div>
-
-        <div class="info-row">
-          <label class="info-label">Email:</label>
-          <span class="info-value">{{ user.email }}</span>
-        </div>
-
-        <div class="info-row">
-          <label class="info-label">Role:</label>
-          <span class="info-value">{{ user.role }}</span>
-        </div>
-
-        <div class="info-row">
-          <label class="info-label">Member since:</label>
-          <span class="info-value">{{ formatDate(user.created_at) }}</span>
-        </div>
-
-        <div class="info-row">
-          <label class="info-label">Last updated:</label>
-          <span class="info-value">{{ formatDate(user.updated_at) }}</span>
-        </div>
-      </div>
-    </div>
-
-    <!-- Change Password Section -->
-    <div class="password-section">
-      <h2 class="section-title">
-        Change Password
-      </h2>
-
-      <form
-        class="password-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="newPassword"
-            class="form-label"
-          >New Password</label>
-          <input
-            id="newPassword"
-            v-model="passwordForm.newPassword"
-            type="password"
-            class="form-input"
-            required
-            :minlength="moduleOptions.passwordValidation?.minLength || 8"
-            :class="{ error: passwordValidation.errors.value.length > 0 && passwordForm.newPassword }"
-            :disabled="isPasswordLoading"
-          >
-
-          <PasswordStrengthIndicator
-            :password="passwordForm.newPassword"
-            :validation-result="passwordValidation.validationResult.value"
-          />
-
-          <!-- Password requirements -->
-          <small class="form-help">
-            Password must contain at least {{ moduleOptions.passwordValidation?.minLength || 8 }} characters
-            <span v-if="moduleOptions.passwordValidation?.requireUppercase">, including uppercase letters</span>
-            <span v-if="moduleOptions.passwordValidation?.requireLowercase">, lowercase letters</span>
-            <span v-if="moduleOptions.passwordValidation?.requireNumbers">, numbers</span>
-            <span v-if="moduleOptions.passwordValidation?.requireSpecialChars">, and special characters</span>.
-          </small>
-        </div>
-
-        <div class="form-group">
-          <label
-            for="newPasswordConfirmation"
-            class="form-label"
-          >Confirm New Password</label>
-          <input
-            id="newPasswordConfirmation"
-            v-model="passwordForm.newPasswordConfirmation"
-            type="password"
-            class="form-input"
-            required
-            :disabled="isPasswordLoading"
-          >
-        </div>
-
-        <div
-          v-if="passwordError"
-          class="error-message"
-        >
-          {{ passwordError }}
-        </div>
-
-        <div
-          v-if="passwordSuccess"
-          class="success-message"
-        >
-          {{ passwordSuccess }}
-        </div>
-
-        <button
-          type="submit"
-          class="btn btn-primary"
-          :disabled="isPasswordLoading"
-        >
-          <span v-if="isPasswordLoading">Updating...</span>
-          <span v-else>Update Password</span>
-        </button>
-      </form>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.profile-form{margin:0 auto;max-width:600px;padding:20px}.password-section,.profile-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:24px}.section-title{border-bottom:2px solid #e2e8f0;color:#1a202c;font-size:1.5rem;font-weight:600;margin:0 0 20px;padding-bottom:12px}.loading{color:#718096;font-style:italic;text-align:center}.profile-info{display:flex;flex-direction:column;gap:16px}.info-row{align-items:center;border-bottom:1px solid #f7fafc;display:flex;padding:12px 0}.info-row:last-child{border-bottom:none}.info-label{color:#4a5568;font-weight:600;margin-right:16px;min-width:120px}.info-value{color:#2d3748;flex:1}.password-form{gap:20px}.form-group,.password-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{color:#4a5568;font-size:.875rem;font-weight:500}.form-input{border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px rgba(66,153,225,.1);outline:none}.form-input:disabled{background-color:#f7fafc;cursor:not-allowed}.form-help{color:#718096;font-size:.75rem;margin-top:4px}.btn{align-self:flex-start;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:background-color .2s,transform .1s}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background-color:#4299e1;color:#fff}.btn-primary:hover:not(:disabled){background-color:#3182ce;transform:translateY(-1px)}.error-message{background-color:#fed7d7;border:1px solid #feb2b2;border-radius:6px;color:#e53e3e;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/ProfileForm.vue.d.ts

@@ -1,20 +0,0 @@
-import type { UserWithoutPassword } from '../../types.js';
-interface ProfileFormProps {
-    apiEndpoint?: string;
-    updatePasswordEndpoint?: string;
-}
-declare const _default: import("vue").DefineComponent<ProfileFormProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    error: (error: string) => any;
-    success: (user: UserWithoutPassword) => any;
-    "password-error": (error: string) => any;
-    "password-updated": () => any;
-}, string, import("vue").PublicProps, Readonly<ProfileFormProps> & Readonly<{
-    onError?: ((error: string) => any) | undefined;
-    onSuccess?: ((user: UserWithoutPassword) => 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/server/api/profile.get.d.ts

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