fix: page usersList

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>