Update Test.vue
This commit is contained in:
@@ -2,16 +2,8 @@
|
|||||||
<div class="bg-red-600 text-white p-4 rounded-lg shadow-2xl font-mono text-xs max-w-sm">
|
<div class="bg-red-600 text-white p-4 rounded-lg shadow-2xl font-mono text-xs max-w-sm">
|
||||||
<p class="font-bold">ДЕБАГ ИНФО</p>
|
<p class="font-bold">ДЕБАГ ИНФО</p>
|
||||||
<p>userResource: {{ userResource }}</p>
|
<p>userResource: {{ userResource }}</p>
|
||||||
<p>Все пользователи: {{ formattedUsers }}</p>
|
<p>Все пользователи: {{ usersList }}</p>
|
||||||
<p>Количество пользователей: {{ usersCount }}</p>
|
<p>Количество пользователей: {{ usersCount }}</p>
|
||||||
|
|
||||||
<!-- Детальная информация -->
|
|
||||||
<div v-for="user in formattedUsers" :key="user.name" class="mt-2 p-2 bg-red-700 rounded">
|
|
||||||
<p>Name: {{ user.name }}</p>
|
|
||||||
<p>Full Name: {{ user.full_name }}</p>
|
|
||||||
<p>Email: {{ user.email }}</p>
|
|
||||||
<p>Roles: {{ user.roles }}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -22,20 +14,9 @@ import { usersStore } from '@/stores/user'
|
|||||||
const store = usersStore()
|
const store = usersStore()
|
||||||
const { userResource, allUsers } = store
|
const { userResource, allUsers } = store
|
||||||
|
|
||||||
const formattedUsers = computed(() => {
|
const usersList = computed(() => allUsers.data || [])
|
||||||
if (!allUsers.data) return []
|
const usersCount = computed(() => usersList.value.length)
|
||||||
|
|
||||||
return allUsers.data.map(user => ({
|
|
||||||
name: user.name,
|
|
||||||
full_name: user.full_name,
|
|
||||||
email: user.email,
|
|
||||||
roles: user.roles || 'No roles' // Запасной вариант
|
|
||||||
}))
|
|
||||||
})
|
|
||||||
|
|
||||||
const usersCount = computed(() => formattedUsers.value.length)
|
|
||||||
|
|
||||||
import { onMounted } from 'vue'
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
allUsers.reload()
|
allUsers.reload()
|
||||||
})
|
})
|
||||||
|
|||||||
Reference in New Issue
Block a user