<script setup>
import { useMainStore } from "@/stores/main";
import UserAvatar from "@/components/UserAvatar.vue";

const mainStore = useMainStore();
</script>

<template>
  <UserAvatar
    :username="mainStore.userName"
    :avatar="mainStore.userAvatar"
    :border="mainStore.userCustomize?.border ?? null"
  >
    <slot />
  </UserAvatar>
</template>
