nuxt-auth-kit 1.0.2 → 1.0.4

package/dist/module.json

@@ -2,9 +2,9 @@
   "name": "nuxt-auth-kit",
   "configKey": "nuxtAuthKit",
   "compatibility": {
-    "nuxt": "^3.0.0"
+    "nuxt": "^3.0.0 || ^4.0.0"
   },
-  "version": "1.0.2",
+  "version": "1.0.4",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -1,11 +1,12 @@
-import { defineNuxtModule, createResolver, addPlugin, addImports, addRouteMiddleware, addComponent } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addPlugin, addImports, addComponent } from '@nuxt/kit';
+import { join } from 'pathe';
 
 const module = defineNuxtModule({
   meta: {
     name: "nuxt-auth-kit",
     configKey: "nuxtAuthKit",
     compatibility: {
-      nuxt: "^3.0.0"
+      nuxt: "^3.0.0 || ^4.0.0"
     }
   },
   defaults: {
@@ -57,31 +58,55 @@ const module = defineNuxtModule({
         from: resolver.resolve("./runtime/stores/auth")
       }
     ]);
-    addRouteMiddleware({
-      name: "auth",
-      path: resolver.resolve("./runtime/middleware/auth"),
-      global: false
-    });
-    addRouteMiddleware({
-      name: "guest",
-      path: resolver.resolve("./runtime/middleware/guest"),
-      global: false
-    });
-    addRouteMiddleware({
-      name: "role",
-      path: resolver.resolve("./runtime/middleware/role"),
-      global: false
+    nuxt.hook("app:resolve", (app) => {
+      const middlewareDir = resolver.resolve("./runtime/middleware");
+      for (const name of ["auth", "guest", "role"]) {
+        const path = join(middlewareDir, name);
+        const exists = app.middleware.find((m) => m.name === name);
+        if (!exists) {
+          app.middleware.push({ name, path, global: false });
+        }
+      }
     });
     const components = [
-      // Auth
-      { name: "AuthLayout", filePath: resolver.resolve("./runtime/components/auth/AuthLayout.vue") },
-      { name: "AuthLoginForm", filePath: resolver.resolve("./runtime/components/auth/LoginForm.vue") },
-      { name: "AuthRegisterForm", filePath: resolver.resolve("./runtime/components/auth/RegisterForm.vue") },
-      { name: "AuthForgotPasswordForm", filePath: resolver.resolve("./runtime/components/auth/ForgotPasswordForm.vue") },
-      { name: "AuthResetPasswordForm", filePath: resolver.resolve("./runtime/components/auth/ResetPasswordForm.vue") },
-      // Profile
-      { name: "ProfileUpdateForm", filePath: resolver.resolve("./runtime/components/profile/UpdateProfileForm.vue") },
-      { name: "ProfileUpdatePasswordForm", filePath: resolver.resolve("./runtime/components/profile/UpdatePasswordForm.vue") }
+      {
+        name: "AuthLayout",
+        filePath: resolver.resolve("./runtime/components/auth/AuthLayout.vue")
+      },
+      {
+        name: "AuthLoginForm",
+        filePath: resolver.resolve("./runtime/components/auth/LoginForm.vue")
+      },
+      {
+        name: "AuthRegisterForm",
+        filePath: resolver.resolve(
+          "./runtime/components/auth/RegisterForm.vue"
+        )
+      },
+      {
+        name: "AuthForgotPasswordForm",
+        filePath: resolver.resolve(
+          "./runtime/components/auth/ForgotPasswordForm.vue"
+        )
+      },
+      {
+        name: "AuthResetPasswordForm",
+        filePath: resolver.resolve(
+          "./runtime/components/auth/ResetPasswordForm.vue"
+        )
+      },
+      {
+        name: "ProfileUpdateForm",
+        filePath: resolver.resolve(
+          "./runtime/components/profile/UpdateProfileForm.vue"
+        )
+      },
+      {
+        name: "ProfileUpdatePasswordForm",
+        filePath: resolver.resolve(
+          "./runtime/components/profile/UpdatePasswordForm.vue"
+        )
+      }
     ];
     for (const component of components) {
       addComponent(component);

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

@@ -1,4 +1,4 @@
-import type { LoginCredentials, RegisterData, UpdateProfileData, UpdatePasswordData, ForgotPasswordData, ResetPasswordData, ApiError } from '../types/index.js';
+import type { LoginCredentials, RegisterData, UpdateProfileData, UpdatePasswordData, ForgotPasswordData, ResetPasswordData, ApiError } from "../types/index.js";
 export declare function useAuth(): {
     user: any;
     token: any;

package/dist/runtime/composables/useAuth.js

@@ -1,7 +1,8 @@
-import { useRuntimeConfig, navigateTo, useCookie } from "#app";
+import { useNuxtApp, useRuntimeConfig, navigateTo, useCookie } from "#app";
 import { useAuthStore } from "../stores/auth.js";
 export function useAuth() {
-  const store = useAuthStore();
+  const nuxtApp = useNuxtApp();
+  const store = useAuthStore(nuxtApp.$pinia);
   const config = useRuntimeConfig();
   const opts = config.public.nuxtAuthKit;
   const apiBase = opts?.apiBase || "";
@@ -33,7 +34,7 @@ export function useAuth() {
   async function apiFetch(path, options = {}) {
     const headers = {
       "Content-Type": "application/json",
-      "Accept": "application/json",
+      Accept: "application/json",
       ...options.headers || {}
     };
     if (store.token) {
@@ -165,10 +166,13 @@ export function useAuth() {
   async function forgotPassword(data) {
     store.setLoading(true);
     try {
-      const response = await apiFetch(endpoints.forgotPassword, {
-        method: "POST",
-        body: JSON.stringify(data)
-      });
+      const response = await apiFetch(
+        endpoints.forgotPassword,
+        {
+          method: "POST",
+          body: JSON.stringify(data)
+        }
+      );
       return { success: true, message: response.message };
     } catch (error) {
       return { success: false, error };
@@ -179,10 +183,13 @@ export function useAuth() {
   async function resetPassword(data) {
     store.setLoading(true);
     try {
-      const response = await apiFetch(endpoints.resetPassword, {
-        method: "POST",
-        body: JSON.stringify(data)
-      });
+      const response = await apiFetch(
+        endpoints.resetPassword,
+        {
+          method: "POST",
+          body: JSON.stringify(data)
+        }
+      );
       return { success: true, message: response.message };
     } catch (error) {
       return { success: false, error };

package/dist/runtime/plugins/auth.js

@@ -1,20 +1,25 @@
 import { defineNuxtPlugin, useCookie, useRuntimeConfig } from "#app";
 import { useAuthStore } from "../stores/auth.js";
 import { useAuth } from "../composables/useAuth.js";
-export default defineNuxtPlugin(async (nuxtApp) => {
-  const store = useAuthStore();
-  const config = useRuntimeConfig();
-  const opts = config.public.nuxtAuthKit;
-  const tokenCookieName = opts?.tokenCookieName || "auth_token";
-  const tokenCookie = useCookie(tokenCookieName);
-  if (tokenCookie.value && !store.token) {
-    store.setToken(tokenCookie.value);
-    try {
-      const { fetchUser } = useAuth();
-      await fetchUser();
-    } catch (_) {
-      store.clearAuth();
-      tokenCookie.value = null;
+export default defineNuxtPlugin({
+  name: "nuxt-auth-kit",
+  // Run AFTER Pinia plugin so $pinia is available
+  dependsOn: ["pinia"],
+  async setup(nuxtApp) {
+    const store = useAuthStore(nuxtApp.$pinia);
+    const config = useRuntimeConfig();
+    const opts = config.public.nuxtAuthKit;
+    const tokenCookieName = opts?.tokenCookieName || "auth_token";
+    const tokenCookie = useCookie(tokenCookieName);
+    if (tokenCookie.value && !store.token) {
+      store.setToken(tokenCookie.value);
+      try {
+        const { fetchUser } = useAuth();
+        await fetchUser();
+      } catch (_) {
+        store.clearAuth();
+        tokenCookie.value = null;
+      }
     }
   }
 });

package/dist/runtime/stores/auth.d.ts

@@ -1,4 +1,4 @@
-import type { AuthUser } from '../types/index.js';
+import type { AuthUser } from "../types/index.js";
 export declare const useAuthStore: import("pinia").StoreDefinition<"nuxt-auth-kit", Pick<{
     user: import("vue").Ref<any, any>;
     token: import("vue").Ref<string | null, string | null>;

package/dist/runtime/stores/auth.js

@@ -1,47 +1,51 @@
 import { defineStore } from "pinia";
 import { ref, computed } from "vue";
-export const useAuthStore = defineStore("nuxt-auth-kit", () => {
-  const user = ref(null);
-  const token = ref(null);
-  const loading = ref(false);
-  const isAuthenticated = computed(() => !!token.value && !!user.value);
-  const isGuest = computed(() => !isAuthenticated.value);
-  function hasRole(role) {
-    if (!user.value?.roles) return false;
-    const roles = Array.isArray(role) ? role : [role];
-    return roles.some((r) => user.value.roles.includes(r));
+export const useAuthStore = defineStore(
+  "nuxt-auth-kit",
+  () => {
+    const user = ref(null);
+    const token = ref(null);
+    const loading = ref(false);
+    const isAuthenticated = computed(() => !!token.value && !!user.value);
+    const isGuest = computed(() => !isAuthenticated.value);
+    function hasRole(role) {
+      if (!user.value?.roles) return false;
+      const roles = Array.isArray(role) ? role : [role];
+      return roles.some((r) => user.value.roles.includes(r));
+    }
+    function hasPermission(permission) {
+      if (!user.value?.permissions) return false;
+      const perms = Array.isArray(permission) ? permission : [permission];
+      return perms.some((p) => user.value.permissions.includes(p));
+    }
+    function setUser(userData) {
+      user.value = userData;
+    }
+    function setToken(tokenValue) {
+      token.value = tokenValue;
+    }
+    function clearAuth() {
+      user.value = null;
+      token.value = null;
+    }
+    function setLoading(state) {
+      loading.value = state;
+    }
+    return {
+      user,
+      token,
+      loading,
+      isAuthenticated,
+      isGuest,
+      hasRole,
+      hasPermission,
+      setUser,
+      setToken,
+      clearAuth,
+      setLoading
+    };
+  },
+  {
+    persist: false
   }
-  function hasPermission(permission) {
-    if (!user.value?.permissions) return false;
-    const perms = Array.isArray(permission) ? permission : [permission];
-    return perms.some((p) => user.value.permissions.includes(p));
-  }
-  function setUser(userData) {
-    user.value = userData;
-  }
-  function setToken(tokenValue) {
-    token.value = tokenValue;
-  }
-  function clearAuth() {
-    user.value = null;
-    token.value = null;
-  }
-  function setLoading(state) {
-    loading.value = state;
-  }
-  return {
-    user,
-    token,
-    loading,
-    isAuthenticated,
-    isGuest,
-    hasRole,
-    hasPermission,
-    setUser,
-    setToken,
-    clearAuth,
-    setLoading
-  };
-}, {
-  persist: false
-});
+);

package/dist/runtime/types/index.d.ts

@@ -68,7 +68,7 @@ export interface ModuleOptions {
         resetPassword?: string;
     };
     /** Token storage strategy */
-    tokenStorage?: 'cookie' | 'localStorage';
+    tokenStorage?: "cookie" | "localStorage";
     /** Cookie name for token */
     tokenCookieName?: string;
     /** Redirect routes */

package/package.json

@@ -1,8 +1,13 @@
 {
   "name": "nuxt-auth-kit",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Nuxt module for authentication with Laravel API — login, register, profile, password management, roles & permissions",
   "keywords": ["nuxt", "nuxt-module", "authentication", "laravel", "roles", "permissions"],
+   "author": {
+    "name": "3S Tech Group",
+    "url": "https://github.com/sssadgroup/"
+  },
+  "homepage": "https://sssadgroup.github.io/nuxt-auth-kit",
   "license": "MIT",
   "type": "module",
   "exports": {