nuxt-users 1.26.0 → 1.27.0

package/CHANGELOG.md

@@ -1,6 +1,23 @@
 # Changelog
 
 
+## v1.27.0
+
+[compare changes](https://github.com/rrd108/nuxt-users/compare/v1.26.0...v1.27.0)
+
+### 🚀 Enhancements
+
+- Emit error ([0818b80](https://github.com/rrd108/nuxt-users/commit/0818b80))
+- Expose useUsers composable ([485d81c](https://github.com/rrd108/nuxt-users/commit/485d81c))
+
+### 🏡 Chore
+
+- **release:** V1.26.0 ([3f90a9c](https://github.com/rrd108/nuxt-users/commit/3f90a9c))
+
+### ❤️ Contributors
+
+- Rrd108 ([@rrd108](https://github.com/rrd108))
+
 ## v1.26.0
 
 [compare changes](https://github.com/rrd108/nuxt-users/compare/v1.25.0...v1.26.0)

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-users",
   "configKey": "nuxtUsers",
-  "version": "1.26.0",
+  "version": "1.27.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.0"

package/dist/runtime/components/NUsersList.vue

@@ -1,41 +1,27 @@
 <script setup>
-import { ref, onMounted } from "vue";
-import { useRuntimeConfig } from "#imports";
+import { onMounted } from "vue";
+import { useUsers } from "../composables/useUsers";
 import { defaultDisplayFields, defaultFieldLabels } from "nuxt-users/utils";
 defineProps({
   displayFields: { type: Array, required: false, default: () => defaultDisplayFields },
   fieldLabels: { type: Object, required: false, default: () => defaultFieldLabels }
 });
 const emit = defineEmits(["editClick", "delete"]);
-const { public: { nuxtUsers } } = useRuntimeConfig();
-const users = ref([]);
-const pagination = ref(null);
-const loading = ref(false);
-const error = ref(null);
-const fetchUsers = async (page = 1, limit = 100) => {
-  loading.value = true;
-  error.value = null;
-  try {
-    const response = await $fetch(`${nuxtUsers.apiBasePath}?page=${page}&limit=${limit}`);
-    users.value = response.users;
-    pagination.value = response.pagination;
-  } catch (err) {
-    error.value = err instanceof Error ? err.message : "Failed to fetch users";
-  } finally {
-    loading.value = false;
-  }
-};
-const refresh = () => {
-  fetchUsers();
-};
-defineExpose({
-  refresh
-});
+const {
+  users,
+  pagination,
+  loading,
+  error,
+  fetchUsers,
+  removeUser
+} = useUsers();
 onMounted(() => {
-  fetchUsers();
+  if (users.value.length === 0) {
+    fetchUsers();
+  }
 });
 const handleDelete = (user) => {
-  users.value = users.value.filter((u) => u.id !== user.id);
+  removeUser(user.id);
   emit("delete", user);
 };
 </script>

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

@@ -1,68 +0,0 @@
-interface Props {
-    displayFields?: string[];
-    fieldLabels?: Record<string, string>;
-}
-declare var __VLS_1: {}, __VLS_3: {
-    loading: boolean;
-}, __VLS_5: {
-    error: string | null;
-}, __VLS_7: {}, __VLS_9: {}, __VLS_16: {
-    user: any;
-    index: number;
-}, __VLS_27: {
-    pagination: {
-        page: number;
-        limit: number;
-        total: number;
-        totalPages: number;
-        hasNext: boolean;
-        hasPrev: boolean;
-    } | null;
-}, __VLS_29: {
-    pagination: {
-        page: number;
-        limit: number;
-        total: number;
-        totalPages: number;
-        hasNext: boolean;
-        hasPrev: boolean;
-    } | null;
-    fetchUsers: (page?: number, limit?: number) => Promise<void>;
-    loading: boolean;
-};
-type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_1) => any;
-} & {
-    loading?: (props: typeof __VLS_3) => any;
-} & {
-    error?: (props: typeof __VLS_5) => any;
-} & {
-    noUsers?: (props: typeof __VLS_7) => any;
-} & {
-    usersList?: (props: typeof __VLS_9) => any;
-} & {
-    user?: (props: typeof __VLS_16) => any;
-} & {
-    paginationInfo?: (props: typeof __VLS_27) => any;
-} & {
-    pagination?: (props: typeof __VLS_29) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<Props, {
-    refresh: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    delete: (user: User) => void;
-    editClick: (user: User) => void;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onDelete?: ((user: User) => any) | undefined;
-    onEditClick?: ((user: User) => any) | undefined;
-}>, {
-    displayFields: string[];
-    fieldLabels: Record<string, 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/NUsersLogoutLink.vue.d.ts

@@ -16,12 +16,12 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<LogoutLinkProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: () => any;
     error: (error: string) => any;
+    click: () => any;
     success: () => any;
 }, string, import("vue").PublicProps, Readonly<LogoutLinkProps> & Readonly<{
-    onClick?: (() => any) | undefined;
     onError?: ((error: string) => any) | undefined;
+    onClick?: (() => any) | undefined;
     onSuccess?: (() => any) | undefined;
 }>, {
     redirectTo: string;

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

@@ -3,12 +3,12 @@ interface Props {
     user?: User | null;
 }
 declare const _default: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    cancel: () => any;
     error: (error: unknown) => any;
+    cancel: () => any;
     submit: (userData: User) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onCancel?: (() => any) | undefined;
     onError?: ((error: unknown) => any) | undefined;
+    onCancel?: (() => any) | undefined;
     onSubmit?: ((userData: User) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -0,0 +1,20 @@
+import type { User } from '../../types.js';
+interface Pagination {
+    page: number;
+    limit: number;
+    total: number;
+    totalPages: number;
+    hasNext: boolean;
+    hasPrev: boolean;
+}
+export declare const useUsers: () => {
+    users: import("vue").Ref<User[], User[]>;
+    pagination: import("vue").Ref<Pagination | null, Pagination | null>;
+    loading: import("vue").Ref<boolean, boolean>;
+    error: import("vue").Ref<string | null, string | null>;
+    fetchUsers: (page?: number, limit?: number) => Promise<void>;
+    updateUser: (updatedUser: User) => void;
+    addUser: (newUser: User) => void;
+    removeUser: (userId: number) => Promise<void>;
+};
+export {};

package/dist/runtime/composables/useUsers.js

@@ -0,0 +1,55 @@
+import { useState, useRuntimeConfig } from "#imports";
+const usersState = useState("users", () => []);
+const paginationState = useState("users-pagination", () => null);
+export const useUsers = () => {
+  const { public: { nuxtUsers } } = useRuntimeConfig();
+  const loading = useState("users-loading", () => false);
+  const error = useState("users-error", () => null);
+  const fetchUsers = async (page = 1, limit = 100) => {
+    if (loading.value) return;
+    loading.value = true;
+    error.value = null;
+    try {
+      const response = await $fetch(`${nuxtUsers.apiBasePath}?page=${page}&limit=${limit}`);
+      usersState.value = response.users;
+      paginationState.value = response.pagination;
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : "Failed to fetch users";
+      usersState.value = [];
+      paginationState.value = null;
+    } finally {
+      loading.value = false;
+    }
+  };
+  const updateUser = (updatedUser) => {
+    const index = usersState.value.findIndex((u) => u.id === updatedUser.id);
+    if (index !== -1) {
+      usersState.value[index] = updatedUser;
+    }
+  };
+  const addUser = (newUser) => {
+    usersState.value.unshift(newUser);
+  };
+  const removeUser = async (userId) => {
+    loading.value = true;
+    error.value = null;
+    try {
+      await $fetch(`${nuxtUsers.apiBasePath}/${userId}`, { method: "DELETE" });
+      usersState.value = usersState.value.filter((u) => u.id !== userId);
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : "Failed to delete user";
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    users: usersState,
+    pagination: paginationState,
+    loading,
+    error,
+    fetchUsers,
+    updateUser,
+    addUser,
+    removeUser
+  };
+};

package/package.json

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