nuxt-users 1.27.0 → 1.28.1

package/CHANGELOG.md

@@ -1,6 +1,47 @@
 # Changelog
 
 
+## v1.28.1
+
+[compare changes](https://github.com/rrd108/nuxt-users/compare/v1.28.0...v1.28.1)
+
+### 🩹 Fixes
+
+- Composables are initialized on mount ([b25eb95](https://github.com/rrd108/nuxt-users/commit/b25eb95))
+- Lost reactivity ([8049526](https://github.com/rrd108/nuxt-users/commit/8049526))
+
+### 🏡 Chore
+
+- **release:** V1.28.0 ([4f6370d](https://github.com/rrd108/nuxt-users/commit/4f6370d))
+- Rename default to users ([4f5345a](https://github.com/rrd108/nuxt-users/commit/4f5345a))
+- Change info comment ([56c3d35](https://github.com/rrd108/nuxt-users/commit/56c3d35))
+- Comment out ([2534222](https://github.com/rrd108/nuxt-users/commit/2534222))
+- Remove unsused import ([cddaf9c](https://github.com/rrd108/nuxt-users/commit/cddaf9c))
+
+### ❤️ Contributors
+
+- Rrd108 ([@rrd108](https://github.com/rrd108))
+
+## v1.28.0
+
+[compare changes](https://github.com/rrd108/nuxt-users/compare/v1.27.0...v1.28.0)
+
+### 🚀 Enhancements
+
+- Expose useUsers composable ([485d81c](https://github.com/rrd108/nuxt-users/commit/485d81c))
+
+### 🩹 Fixes
+
+- Composables are initialized on mount ([b25eb95](https://github.com/rrd108/nuxt-users/commit/b25eb95))
+
+### 🏡 Chore
+
+- **release:** V1.27.0 ([195a5b7](https://github.com/rrd108/nuxt-users/commit/195a5b7))
+
+### ❤️ Contributors
+
+- Rrd108 ([@rrd108](https://github.com/rrd108))
+
 ## v1.27.0
 
 [compare changes](https://github.com/rrd108/nuxt-users/compare/v1.26.0...v1.27.0)

package/dist/cli.mjs

@@ -15,7 +15,7 @@ const getOptionsFromEnv = () => {
   switch (connectorName) {
     case "sqlite":
       connectorOptions = {
-        path: process.env.DB_PATH || "./data/default.sqlite3"
+        path: process.env.DB_PATH || "./data/users.sqlite3"
       };
       break;
     case "mysql":

package/dist/module.json

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

package/dist/runtime/components/NUsersList.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { onMounted } from "vue";
+import { onMounted, computed, ref } from "vue";
 import { useUsers } from "../composables/useUsers";
 import { defaultDisplayFields, defaultFieldLabels } from "nuxt-users/utils";
 defineProps({
@@ -7,23 +7,28 @@ defineProps({
   fieldLabels: { type: Object, required: false, default: () => defaultFieldLabels }
 });
 const emit = defineEmits(["editClick", "delete"]);
-const {
-  users,
-  pagination,
-  loading,
-  error,
-  fetchUsers,
-  removeUser
-} = useUsers();
-onMounted(() => {
+const usersComposable = ref(null);
+const users = computed(() => usersComposable.value?.users ?? []);
+const pagination = computed(() => usersComposable.value?.pagination ?? null);
+const loading = computed(() => usersComposable.value?.loading ?? false);
+const error = computed(() => usersComposable.value?.error ?? null);
+onMounted(async () => {
+  usersComposable.value = useUsers();
   if (users.value.length === 0) {
-    fetchUsers();
+    usersComposable.value?.fetchUsers();
   }
 });
 const handleDelete = (user) => {
-  removeUser(user.id);
+  if (usersComposable.value) {
+    usersComposable.value?.removeUser(user.id);
+  }
   emit("delete", user);
 };
+const handleFetchUsers = (page, limit) => {
+  if (usersComposable.value) {
+    usersComposable.value.fetchUsers(page, limit);
+  }
+};
 </script>
 
 <template>
@@ -102,7 +107,7 @@ const handleDelete = (user) => {
       <slot
         name="pagination"
         :pagination="pagination"
-        :fetch-users="fetchUsers"
+        :fetch-users="handleFetchUsers"
         :loading="loading"
       >
         <div v-if="pagination && pagination.totalPages > 1">
@@ -110,7 +115,7 @@ const handleDelete = (user) => {
             <button
               v-if="pagination.hasPrev"
               :disabled="loading"
-              @click="fetchUsers(pagination.page - 1)"
+              @click="handleFetchUsers(pagination.page - 1)"
             >
               Previous
             </button>
@@ -118,7 +123,7 @@ const handleDelete = (user) => {
             <button
               v-if="pagination.hasNext"
               :disabled="loading"
-              @click="fetchUsers(pagination.page + 1)"
+              @click="handleFetchUsers(pagination.page + 1)"
             >
               Next
             </button>

package/dist/runtime/components/NUsersLogoutLink.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
 import { navigateTo } from "#app";
 import { useAuthentication } from "../composables/useAuthentication";
 const props = defineProps({
@@ -16,19 +16,26 @@ const props = defineProps({
   containerStyle: { type: [String, Object], required: false }
 });
 const emit = defineEmits(["success", "click", "error"]);
-const { logout } = useAuthentication();
+let authComposable = null;
 const isLoading = ref(false);
 const error = ref("");
+onMounted(() => {
+  authComposable = useAuthentication();
+});
 const handleLogout = async (event) => {
   event.preventDefault();
   if (!confirm(props.confirmMessage)) {
     return;
   }
+  if (!authComposable) {
+    error.value = "Authentication not initialized";
+    return;
+  }
   isLoading.value = true;
   error.value = "";
   try {
     emit("click");
-    await logout();
+    await authComposable.logout();
     emit("success");
     if (props.redirectTo) {
       await navigateTo(props.redirectTo);

package/dist/runtime/components/NUsersProfileInfo.vue

@@ -1,6 +1,11 @@
 <script setup>
+import { computed, onMounted } from "vue";
 import { useAuthentication } from "../composables/useAuthentication";
-const { user } = useAuthentication();
+let authComposable = null;
+const user = computed(() => authComposable?.user.value ?? null);
+onMounted(() => {
+  authComposable = useAuthentication();
+});
 </script>
 
 <template>

package/dist/runtime/components/NUsersUserCard.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { computed } from "vue";
+import { computed, onMounted, ref } from "vue";
 import { useAuthentication } from "../composables/useAuthentication";
 import { useRuntimeConfig } from "#imports";
 import { defaultDisplayFields, defaultFieldLabels } from "nuxt-users/utils";
@@ -10,8 +10,12 @@ const props = defineProps({
   fieldLabels: { type: Object, required: false, default: () => defaultFieldLabels }
 });
 const emit = defineEmits(["delete", "editClick"]);
-const { user: currentUser } = useAuthentication();
 const { public: { nuxtUsers } } = useRuntimeConfig();
+const authComposable = ref(null);
+const currentUser = computed(() => authComposable.value?.user ?? null);
+onMounted(async () => {
+  authComposable.value = useAuthentication();
+});
 const canEdit = computed(() => {
   if (!currentUser.value) return false;
   if (nuxtUsers.auth?.permissions) {
@@ -35,6 +39,7 @@ const canDelete = computed(() => {
   return false;
 });
 const editUser = async (user) => {
+  console.info("The edit event is emitted. Nuxt-users does not automatically calls the API to update the user, you should do it at the upper component.");
   emit("editClick", user);
 };
 const deleteUser = async (user) => {

package/package.json

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