nuxt-users 1.1.2 → 1.1.4

package/dist/module.mjs

@@ -1,18 +1,15 @@
-import { defineNuxtModule, createResolver, addServerHandler, addPlugin, addComponent } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addPlugin, addServerHandler, addComponent } from '@nuxt/kit';
 import { defu } from 'defu';
-import { hasAnyUsers, checkUsersTableExists, checkPersonalAccessTokensTableExists, checkPasswordResetTokensTableExists } from '../dist/runtime/server/utils/db.js';
-import { getAppliedMigrations } from '../dist/runtime/server/utils/migrate.js';
-import { promises } from 'node:fs';
-import { dirname } from 'node:path';
 
 const defaultOptions = {
   connector: {
     name: "sqlite",
     options: {
-      path: "./data/default.sqlite3"
+      path: "./data/users.sqlite3"
     }
   },
   tables: {
+    migrations: "migrations",
     users: "users",
     personalAccessTokens: "personal_access_tokens",
     passwordResetTokens: "password_reset_tokens"
@@ -31,39 +28,6 @@ const defaultOptions = {
     defaults: {
       from: '"Nuxt Users Module" <noreply@example.com>'
     }
-  },
-  passwordResetBaseUrl: "http://localhost:3000",
-  // Added
-  // Add option to disable database checks during setup
-  skipDatabaseChecks: false
-};
-const runWithTimeout = async (operation, timeoutMs = 5e3) => {
-  return Promise.race([
-    operation(),
-    new Promise((resolve) => {
-      setTimeout(() => {
-        console.warn("[Nuxt Users DB] \u26A0\uFE0F  Database operation timed out after", timeoutMs, "ms");
-        resolve(null);
-      }, timeoutMs);
-    })
-  ]);
-};
-const ensureSqliteDatabaseExists = async (options) => {
-  if (options.connector?.name === "sqlite" && options.connector.options.path) {
-    const dbPath = options.connector.options.path;
-    try {
-      await promises.access(dbPath);
-      console.log(`[Nuxt Users DB] \u2139\uFE0F  SQLite database exists: ${dbPath}`);
-    } catch {
-      try {
-        const dbDir = dirname(dbPath);
-        await promises.mkdir(dbDir, { recursive: true });
-        console.log(`[Nuxt Users DB] \u2139\uFE0F  Created SQLite database directory: ${dbDir}`);
-        console.log(`[Nuxt Users DB] \u2139\uFE0F  SQLite database will be created at: ${dbPath}`);
-      } catch (error) {
-        console.warn(`[Nuxt Users DB] \u26A0\uFE0F  Failed to create database directory: ${error instanceof Error ? error.message : "Unknown error"}`);
-      }
-    }
   }
 };
 const module = defineNuxtModule({
@@ -75,61 +39,26 @@ const module = defineNuxtModule({
   defaults: defaultOptions,
   async setup(options, nuxt) {
     const resolver = createResolver(import.meta.url);
-    await ensureSqliteDatabaseExists(options);
-    if (!options.skipDatabaseChecks) {
-      const appliedMigrations = await runWithTimeout(() => getAppliedMigrations(options)) || [];
-      const requiredMigrations = [
-        "create_migrations_table",
-        "create_users_table",
-        "create_personal_access_tokens_table",
-        "create_password_reset_tokens_table"
-      ];
-      const missingMigrations = requiredMigrations.filter((migration) => !appliedMigrations.includes(migration));
-      if (missingMigrations.length > 0) {
-        console.warn(`[Nuxt Users DB] \u26A0\uFE0F  Missing migrations: ${missingMigrations.join(", ")}`);
-        console.warn("[Nuxt Users DB] \u26A0\uFE0F  Run migrations with: npx nuxt-users-migrate");
-      }
-    }
     const runtimeConfigOptions = defu(options, nuxt.options.runtimeConfig.nuxtUsers || {}, defaultOptions);
     nuxt.options.runtimeConfig.nuxtUsers = {
       ...runtimeConfigOptions,
       tables: {
+        migrations: options.tables?.migrations || "migrations",
         users: options.tables?.users || "users",
         personalAccessTokens: options.tables?.personalAccessTokens || "personal_access_tokens",
         passwordResetTokens: options.tables?.passwordResetTokens || "password_reset_tokens"
       }
     };
-    let hasUsersTable = false;
-    let hasPersonalAccessTokensTable = false;
-    let hasPasswordResetTokensTable = false;
-    if (!options.skipDatabaseChecks) {
-      hasUsersTable = await runWithTimeout(() => checkUsersTableExists(options)) || false;
-      if (!hasUsersTable) {
-        console.warn("[Nuxt Users DB] \u26A0\uFE0F  Users table does not exist, you should run the migration script to create it by running: npx nuxt-users-migrate");
-      }
-      hasPersonalAccessTokensTable = await runWithTimeout(() => checkPersonalAccessTokensTableExists(options)) || false;
-      if (!hasPersonalAccessTokensTable) {
-        console.warn("[Nuxt Users DB] \u26A0\uFE0F  Personal access tokens table does not exist, you should run the migration script to create it by running: npx nuxt-users-migrate");
-      }
-      hasPasswordResetTokensTable = await runWithTimeout(() => checkPasswordResetTokensTableExists(options)) || false;
-      if (!hasPasswordResetTokensTable) {
-        console.warn("[Nuxt Users DB] \u26A0\uFE0F  Password reset tokens table does not exist, you should run the migration script to create it by running: npx nuxt-users-migrate");
-      }
-      const hasUsers = await runWithTimeout(() => hasAnyUsers(options)) || false;
-      if (!hasUsers) {
-        console.warn('[Nuxt Users DB] \u26A0\uFE0F  No users found! Create a default user by running: npx nuxt-users-create-user rrd@example.com "John Doe" mypassword123');
-      }
-    } else {
-      console.log("[Nuxt Users DB] \u2139\uFE0F  Skipping database checks during setup");
-    }
     nuxt.options.runtimeConfig.public = nuxt.options.runtimeConfig.public || {};
     nuxt.options.runtimeConfig.public.nuxtUsers = {
       tables: {
-        users: hasUsersTable,
-        personalAccessTokens: hasPersonalAccessTokensTable,
-        passwordResetTokens: hasPasswordResetTokensTable
+        migrations: options.tables?.migrations,
+        users: options.tables?.users,
+        personalAccessTokens: options.tables?.personalAccessTokens,
+        passwordResetTokens: options.tables?.passwordResetTokens
       }
     };
+    addPlugin(resolver.resolve("./runtime/plugin"));
     addServerHandler({
       route: "/api/login",
       method: "post",
@@ -145,7 +74,6 @@ const module = defineNuxtModule({
       method: "post",
       handler: resolver.resolve("./runtime/server/api/auth/reset-password.post")
     });
-    addPlugin(resolver.resolve("./runtime/plugin"));
     addComponent({
       name: "LoginForm",
       filePath: resolver.resolve("./runtime/components/LoginForm.vue")
@@ -158,6 +86,8 @@ const module = defineNuxtModule({
       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/assets/colors.css

@@ -0,0 +1 @@
+:root{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-secondary:#059669;--color-secondary-dark:#047857;--color-secondary-light:#10b981;--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#059669;--color-success-light:#f0fdf4;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-text:#92400e;--color-error:#dc2626;--color-error-light:#fef2f2;--color-error-border:#fecaca;--color-error-alt:#db5050;--color-border:#e5e7eb;--color-border-light:#d1d5db;--color-border-dark:#ccc;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6}

package/dist/runtime/components/ForgotPasswordForm.vue

@@ -6,7 +6,7 @@ const formData = reactive({
 const message = ref("");
 const loading = ref(false);
 const isError = ref(false);
-const handleForgotPassword = async (data) => {
+const handleForgotPassword = async () => {
   loading.value = true;
   message.value = "";
   isError.value = false;
@@ -17,8 +17,7 @@ const handleForgotPassword = async (data) => {
         "Content-Type": "application/json",
         "Accept": "application/json"
       },
-      body: JSON.stringify({ email: data.email })
-      // Use email from form data
+      body: JSON.stringify({ email: formData.email })
     });
     const responseData = await response.json();
     if (!response.ok) {
@@ -44,25 +43,24 @@ const handleForgotPassword = async (data) => {
 <template>
   <div>
     <h2>Forgot Password</h2>
-    <FormKit
-      v-slot="{ disabled }"
-      type="form"
-      :actions="false"
-      @submit="handleForgotPassword"
-    >
-      <FormKit
-        v-model="formData.email"
-        type="email"
-        name="email"
-        label="Email"
-        placeholder="your@email.com"
-        validation="required|email"
-      />
-      <FormKit
+    <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"
-        :label="loading ? 'Sending...' : 'Send Password Reset Link'"
-        :disabled="Boolean(disabled) || loading"
-      />
+        :disabled="loading"
+      >
+        {{ loading ? "Sending..." : "Send Password Reset Link" }}
+      </button>
       <p
         v-if="message"
         :class="{ error: isError, success: !isError }"
@@ -70,10 +68,10 @@ const handleForgotPassword = async (data) => {
       >
         {{ message }}
       </p>
-    </FormKit>
+    </form>
   </div>
 </template>
 
 <style scoped>
-.error{color:red}.success{color:green}.form-message{font-size:.9rem;margin-top:1rem}:deep(.formkit-outer){margin-bottom:1rem}:deep(.formkit-label){display:block;font-weight:700;margin-bottom:.25rem}:deep(.formkit-input input[type=email]),:deep(.formkit-input input[type=password]){border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:.75rem;width:100%}:deep(.formkit-input input[type=submit]){background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem}:deep(.formkit-input input[type=submit]:disabled){background-color:#aaa;cursor:not-allowed}:deep(.formkit-messages){list-style:none;margin-top:.25rem;padding:0}:deep(.formkit-message){color:red;font-size:.8rem}
+.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/LoginForm.vue

@@ -8,16 +8,21 @@ const props = defineProps({
 const emit = defineEmits(["success", "error", "submit"]);
 const isLoading = ref(false);
 const error = ref("");
-const handleSubmit = async (formData) => {
+const formData = ref({
+  email: "",
+  password: "",
+  rememberMe: false
+});
+const handleSubmit = async () => {
   isLoading.value = true;
   error.value = "";
   try {
-    emit("submit", formData);
+    emit("submit", formData.value);
     const response = await $fetch(props.apiEndpoint, {
       method: "POST",
       body: {
-        email: formData.email,
-        password: formData.password
+        email: formData.value.email,
+        password: formData.value.password
       }
     });
     emit("success", response.user);
@@ -36,11 +41,7 @@ const handleSubmit = async (formData) => {
 
 <template>
   <div class="login-form-container">
-    <FormKit
-      type="form"
-      :actions="false"
-      @submit="handleSubmit"
-    >
+    <form @submit.prevent="handleSubmit">
       <!-- Header slot -->
       <slot name="header">
         <div class="login-header">
@@ -55,40 +56,51 @@ const handleSubmit = async (formData) => {
 
       <!-- Email field -->
       <slot name="email-field">
-        <FormKit
-          type="email"
-          name="email"
-          label="Email"
-          placeholder="Enter your email"
-          validation="required|email"
-        />
+        <div class="form-group">
+          <label for="email">Email</label>
+          <input
+            id="email"
+            v-model="formData.email"
+            type="email"
+            name="email"
+            placeholder="Enter your email"
+            required
+          >
+        </div>
       </slot>
 
       <!-- Password field -->
       <slot name="password-field">
-        <FormKit
-          type="password"
-          name="password"
-          label="Password"
-          placeholder="Enter your password"
-          validation="required|length:6"
-        />
+        <div class="form-group">
+          <label for="password">Password</label>
+          <input
+            id="password"
+            v-model="formData.password"
+            type="password"
+            name="password"
+            placeholder="Enter your password"
+            required
+            minlength="6"
+          >
+        </div>
       </slot>
 
       <!-- Remember me slot -->
       <slot name="remember-me">
         <div class="remember-me">
-          <FormKit
+          <input
+            id="rememberMe"
+            v-model="formData.rememberMe"
             type="checkbox"
             name="rememberMe"
-            label="Remember me"
-          />
+          >
+          <label for="rememberMe">Remember me</label>
         </div>
       </slot>
 
       <!-- Submit button slot -->
       <slot name="submit-button">
-        <FormKit
+        <button
           type="submit"
           :disabled="isLoading"
         >
@@ -97,7 +109,7 @@ const handleSubmit = async (formData) => {
             class="loading-spinner"
           />
           {{ isLoading ? "Signing in..." : "Sign In" }}
-        </FormKit>
+        </button>
       </slot>
 
       <!-- Footer slot -->
@@ -124,10 +136,10 @@ const handleSubmit = async (formData) => {
           {{ error }}
         </div>
       </slot>
-    </FormKit>
+    </form>
   </div>
 </template>
 
 <style scoped>
-.login-form-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;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:400px;padding:2rem;width:100%}:deep(.formkit-form){display:flex;flex-direction:column;gap:1.5rem}.login-header{margin-bottom:1rem;text-align:center}.login-title{color:#111827;font-size:1.875rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.login-subtitle{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}:deep(.formkit-inner){--fk-border-radius:8px;--fk-border-color:#d1d5db;--fk-border-color-focus:#3b82f6;--fk-bg-color:#f9fafb;--fk-bg-color-focus:#fff;--fk-text-color:#374151;--fk-text-color-placeholder:#9ca3af;--fk-font-size:0.875rem;--fk-padding:0.75rem 1rem;--fk-transition:all 0.2s ease-in-out}:deep(.formkit-inner .formkit-input){background-color:var(--fk-bg-color);border:1px solid var(--fk-border-color);border-radius:var(--fk-border-radius);box-sizing:border-box;color:var(--fk-text-color);font-size:var(--fk-font-size);padding:var(--fk-padding);transition:var(--fk-transition);width:100%}:deep(.formkit-inner .formkit-input:focus){background-color:var(--fk-bg-color-focus);border-color:var(--fk-border-color-focus);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}:deep(.formkit-inner .formkit-label){color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}:deep(.formkit-messages){font-size:.75rem;list-style:none;padding:0}:deep(.formkit-message){margin-top:.25rem}:deep(.formkit-message[data-message-type=validation]){color:#db5050}:deep(.formkit-message[data-message-type=error]){color:#dc2626}:deep(.formkit-wrapper:has(input[type=checkbox])){align-items:center;display:flex;gap:.5rem}:deep(.formkit-input[type=checkbox]){margin:0;width:auto}:deep(.formkit-label:has(input[type=checkbox])){color:#374151;font-size:.875rem;margin:0}:deep(button[type=submit]){align-items:center;background-color:#3b82f6;border:1px solid #3b82f6;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-height:44px;padding:.75rem 1rem;transition:all .2s ease-in-out;width:100%}:deep(button[type=submit]:hover:not(:disabled)){background-color:#2563eb;border-color:#2563eb}:deep(button[type=submit]:disabled){cursor:not-allowed;opacity:.6}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:transparent;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-footer{margin-top:1rem;text-align:center}.forgot-password{margin:0}.forgot-link{color:#3b82f6;font-size:.875rem;text-decoration:none;transition:color .2s ease-in-out}.forgot-link:hover{color:#2563eb;text-decoration:underline}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;margin-top:1rem;padding:.75rem 1rem;text-align:center}@media (max-width:480px){.login-form-container{margin:1rem;padding:1.5rem}.login-title{font-size:1.5rem}}
+.login-form-container{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;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:400px;padding:2em;width:100%}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{color:var(--color-primary);font-size:.875rem;text-decoration:none;transition:color .2s ease-in-out}.forgot-link:hover{color:var(--color-primary-dark);text-decoration:underline}.error-message{background-color:var(--color-error-light);border:1px solid var(--color-error-border);border-radius:8px;color:var(--color-error);font-size:.875rem;margin-top:1em;padding:.75em 1em;text-align:center}@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

@@ -1,21 +1,21 @@
 import type { LoginFormData, LoginFormProps, User } from '../../types.js';
-declare var __VLS_9: {}, __VLS_11: {}, __VLS_18: {}, __VLS_25: {}, __VLS_32: {}, __VLS_39: {}, __VLS_41: {
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {
     error: string;
 };
 type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_9) => any;
+    header?: (props: typeof __VLS_1) => any;
 } & {
-    'email-field'?: (props: typeof __VLS_11) => any;
+    'email-field'?: (props: typeof __VLS_3) => any;
 } & {
-    'password-field'?: (props: typeof __VLS_18) => any;
+    'password-field'?: (props: typeof __VLS_5) => any;
 } & {
-    'remember-me'?: (props: typeof __VLS_25) => any;
+    'remember-me'?: (props: typeof __VLS_7) => any;
 } & {
-    'submit-button'?: (props: typeof __VLS_32) => any;
+    'submit-button'?: (props: typeof __VLS_9) => any;
 } & {
-    footer?: (props: typeof __VLS_39) => any;
+    footer?: (props: typeof __VLS_11) => any;
 } & {
-    'error-message'?: (props: typeof __VLS_41) => any;
+    'error-message'?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<LoginFormProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     error: (error: string) => any;

package/dist/runtime/components/ResetPasswordForm.vue

@@ -27,12 +27,17 @@ onMounted(() => {
   }
 });
 const canSubmit = computed(() => !!tokenFromUrl.value && !!emailFromUrl.value && !formInvalidDueToToken.value);
-const handleResetPassword = async (data) => {
+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;
@@ -46,10 +51,8 @@ const handleResetPassword = async (data) => {
       body: JSON.stringify({
         token: tokenFromUrl.value,
         email: emailFromUrl.value,
-        password: data.password,
-        // Use password from form data
-        password_confirmation: data.password_confirm
-        // Use confirmation from form data
+        password: formData.password,
+        password_confirmation: formData.password_confirm
       })
     });
     const responseData = await response.json();
@@ -80,33 +83,37 @@ const handleResetPassword = async (data) => {
 <template>
   <div>
     <h2>Reset Password</h2>
-    <FormKit
-      v-slot="{ disabled }"
-      v-model="formData"
-      type="form"
-      :actions="false"
-      @submit="handleResetPassword"
-    >
-      <FormKit
-        type="password"
-        name="password"
-        label="New Password"
-        validation="required|length:8"
-        placeholder="Enter new password"
-      />
-      <FormKit
-        type="password"
-        name="password_confirm"
-        label="Confirm New Password"
-        placeholder="Confirm new password"
-        validation="required|confirm"
-        validation-label="Password confirmation"
-      />
-      <FormKit
+    <form @submit.prevent="handleResetPassword">
+      <div class="form-group">
+        <label for="password">New Password</label>
+        <input
+          id="password"
+          v-model="formData.password"
+          type="password"
+          name="password"
+          placeholder="Enter new password"
+          required
+          minlength="8"
+        >
+      </div>
+      <div class="form-group">
+        <label for="password_confirm">Confirm New Password</label>
+        <input
+          id="password_confirm"
+          v-model="formData.password_confirm"
+          type="password"
+          name="password_confirm"
+          placeholder="Confirm new password"
+          required
+          minlength="8"
+        >
+      </div>
+      <button
         type="submit"
-        :label="loading ? 'Resetting...' : 'Reset Password'"
-        :disabled="Boolean(disabled) || loading || formInvalidDueToToken"
-      />
+        :disabled="loading || formInvalidDueToToken"
+      >
+        {{ loading ? "Resetting..." : "Reset Password" }}
+      </button>
       <p
         v-if="message"
         :class="{ error: isError, success: !isError }"
@@ -114,10 +121,10 @@ const handleResetPassword = async (data) => {
       >
         {{ message }}
       </p>
-    </FormKit>
+    </form>
   </div>
 </template>
 
 <style scoped>
-.error{color:red}.success{color:green}.form-message{font-size:.9rem;margin-top:1rem}:deep(.formkit-outer){margin-bottom:1rem}:deep(.formkit-label){display:block;font-weight:700;margin-bottom:.25rem}:deep(.formkit-input input[type=email]),:deep(.formkit-input input[type=password]){border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:.75rem;width:100%}:deep(.formkit-input input[type=submit]){background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem}:deep(.formkit-input input[type=submit]:disabled){background-color:#aaa;cursor:not-allowed}:deep(.formkit-messages){list-style:none;margin-top:.25rem;padding:0}:deep(.formkit-message){color:red;font-size:.8rem}
+.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%}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/plugin.js

@@ -1,4 +1,14 @@
-import { defineNuxtPlugin } from "#app";
-export default defineNuxtPlugin((_nuxtApp) => {
-  console.log("Plugin injected by nuxt-users!");
+import { defineNuxtPlugin, useRuntimeConfig } from "#app";
+import { checkTableExists } from "../utils";
+export default defineNuxtPlugin(async (_nuxtApp) => {
+  if (import.meta.client) {
+    return;
+  }
+  const { nuxtUsers } = useRuntimeConfig();
+  const options = nuxtUsers;
+  const hasMigrationsTable = await checkTableExists(options, options.tables.migrations);
+  if (!hasMigrationsTable) {
+    useRuntimeConfig().public.nuxtUsers.tables.migrations = "";
+    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");
+  }
 });

package/dist/runtime/server/api/login.post.js

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

package/dist/runtime/server/services/password.js

@@ -1,8 +1,7 @@
 import { createTransport } from "nodemailer";
 import crypto from "node:crypto";
 import bcrypt from "bcrypt";
-import { findUserByEmail, updateUserPassword } from "../utils/user.js";
-import { useDb } from "../utils/db.js";
+import { findUserByEmail, updateUserPassword, useDb } from "../../../utils";
 const TOKEN_EXPIRATION_HOURS = 1;
 export const sendPasswordResetLink = async (email, options) => {
   const user = await findUserByEmail(email, options);

package/dist/shared/nuxt-users.Dtq4WcpY.d.mts

@@ -0,0 +1,58 @@
+type DatabaseType = 'sqlite' | 'mysql' | 'postgresql';
+type DatabaseConfig = {
+    path?: string;
+    host?: string;
+    port?: number;
+    user?: string;
+    password?: string;
+    database?: string;
+};
+interface ModuleOptions {
+    connector?: {
+        name: DatabaseType;
+        options: DatabaseConfig;
+    };
+    tables: {
+        migrations: string;
+        users: string;
+        personalAccessTokens: string;
+        passwordResetTokens: string;
+    };
+    /**
+     * Mailer configuration options for sending emails (e.g., password resets)
+     * Uses nodemailer
+     */
+    mailer?: MailerOptions;
+    /**
+     * Base URL for password reset links
+     * @default 'http://localhost:3000' // Example, will be set in module defaults
+     */
+    passwordResetBaseUrl?: string;
+    /**
+     * Skip database checks during module setup to prevent hanging
+     * @default false
+     */
+    skipDatabaseChecks?: boolean;
+}
+interface MailerOptions {
+    host: string;
+    port: number;
+    secure?: boolean;
+    auth: {
+        user: string;
+        pass: string;
+    };
+    defaults?: {
+        from: string;
+    };
+}
+interface User {
+    id: number;
+    email: string;
+    name: string;
+    password: string;
+    created_at: string;
+    updated_at: string;
+}
+
+export type { ModuleOptions as M, User as U };