<script setup>
import { ref, onMounted, inject } from 'vue';

const jApi = inject('jApi');

const users = ref([]);

const getUsers = async () => {
    try {
        users.value = await jApi.query(
            `SELECT u.id, u.name, u.nickname, u.active
          FROM account.user u
          WHERE u.name LIKE CONCAT('%', #user, '%')
          OR u.nickname LIKE CONCAT('%', #user, '%')
          OR u.id = #user
          ORDER BY u.name LIMIT 200`,
            { user: 9 }
        );
    } catch (error) {
        console.error('Error getting users:', error);
    }
};
onMounted(async () => getUsers());
</script>

<template>
    <QPage>
        <QList class="flex justify-center">
            <!-- TODO: WIP -->
        </QList>
    </QPage>
</template>

<style lang="scss" scoped></style>

<i18n lang="yaml"></i18n>
