From a874a063d888efd61ec9007ce2abed91301492d5 Mon Sep 17 00:00:00 2001
From: Yakovenko Valeriia <yakovenko_valeriia@ma-al.com>
Date: Tue, 7 Apr 2026 10:06:36 +0200
Subject: [PATCH] fix: page usersList

---
 bo/components.d.ts                    |  1 +
 bo/src/components/admin/UsersList.vue | 39 +++++++++++++++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 bo/src/components/admin/UsersList.vue

diff --git a/bo/components.d.ts b/bo/components.d.ts
index c9bf5aa..4d5950b 100644
--- a/bo/components.d.ts
+++ b/bo/components.d.ts
@@ -60,6 +60,7 @@ declare module 'vue' {
     UPagination: typeof import('./node_modules/@nuxt/ui/dist/runtime/components/Pagination.vue')['default']
     USelect: typeof import('./node_modules/@nuxt/ui/dist/runtime/components/Select.vue')['default']
     USelectMenu: typeof import('./node_modules/@nuxt/ui/dist/runtime/components/SelectMenu.vue')['default']
+    UsersList: typeof import('./src/components/admin/UsersList.vue')['default']
     USidebar: typeof import('./node_modules/@nuxt/ui/dist/runtime/components/Sidebar.vue')['default']
     UTable: typeof import('./node_modules/@nuxt/ui/dist/runtime/components/Table.vue')['default']
     UTabs: typeof import('./node_modules/@nuxt/ui/dist/runtime/components/Tabs.vue')['default']
diff --git a/bo/src/components/admin/UsersList.vue b/bo/src/components/admin/UsersList.vue
new file mode 100644
index 0000000..e122b0e
--- /dev/null
+++ b/bo/src/components/admin/UsersList.vue
@@ -0,0 +1,39 @@
+<template>
+    <component :is="Default || 'div'">
+        <div class="flex flex-col md:flex-row gap-10">
+            <CategoryMenu />
+            <div class="w-full flex flex-col items-center gap-4">
+            </div>
+        </div>
+    </component>
+</template>
+
+<script setup lang="ts">
+import Default from '@/layouts/default.vue';
+import { onMounted, ref} from 'vue'
+import { useFetchJson } from '@/composable/useFetchJson';
+
+const usersList = ref([])
+const error=ref()
+
+async function fetchUsersList() {
+    error.value = null
+    try {
+        const data = await useFetchJson(`/api/v1/restricted/customer/list`)
+        console.log('USERS LIST:', data)
+
+        const response = (data as any).items ?? data
+        console.log('User list response:', response)
+        usersList.value = response
+
+        return response
+    } catch (err: any) {
+        error.value = err?.message ?? 'Unknown error'
+        return null
+    }
+}
+
+onMounted( ()=>{
+    fetchUsersList()
+})
+</script>
\ No newline at end of file