GS-2147

alex

2025-06-05 1f306616c68939ba1905d4bc6faa33502bc59370

 vue/src/pages/Users.vue

@@ -3,33 +3,34 @@
import {onMounted, reactive, ref} from "vue"
import {useRoute} from "vue-router"
import Pagination from "../components/Pagination.vue"
import {getUsers} from "@/lib/api"
import {getUsers, routerBase} from "@/lib/api"
import {useRouteQuery} from '@vueuse/router'

const route = useRoute()
const userId = route.params.userId
const users = reactive({
   total: 0,
   offset: 0,
   offset: 0, // NO! USE offset BELOW!
   limit: 10,
   data: [],
})
const offset = useRouteQuery("offset", 0, {transform: Number})
const limit = 24
const error = ref(null)

onMounted(init)
onMounted(() => init(offset.value))

/////////////////////////////////////////////////////////////////////////

async function init (offset = 0) {
   // const res = await fetch(`/api/users?offset=${offset}&limit=${limit}&token=jiuGfr432898D90290kjfsldkfn3hh8F`)
   // const data = await res.json()
   const data = await getUsers(offset, limit)
async function init (noffset = 0) {
   const data = await getUsers(noffset, limit)
   console.log(data)
   Object.assign(users, data)
   offset.value = noffset
}

function go (offset) {
   console.log("go", offset)
   console.log("go to offset", offset)
   return init(offset)
}

@@ -66,7 +67,7 @@
            <tbody>
               <tr v-for="user in users.data">
                  <td>
                     <RouterLink :to="`/ui/user/${user.usr_id}`">
                     <RouterLink :to="`${routerBase}/ui/user/${user.usr_id}`">
                        {{ user.usr_id }}
                     </RouterLink>
                  </td>