feat: Add a client-side only user selection interface

This commit is contained in:
2024-09-24 01:05:02 +02:00
committed by florian_briand
parent 3bd0a02b62
commit 5712d898a5
8 changed files with 147 additions and 20 deletions

View File

@ -0,0 +1,17 @@
<template>
<button class="relative" @click="$emit('selectUser', user)">
<Avatar class="w-24" :user="user" />
<div class="absolute w-fit mx-auto bottom-0 inset-x-0">
<kbd class="kbd kbd-sm">{{ rank }}</kbd>
</div>
</button>
</template>
<script setup lang="ts">
import type { User } from '~/types/user';
const props = defineProps<{
user: User,
rank: Number,
}>();
</script>