<template>
	<div ref="rootEl" class="tui-user-profile-popup">
		<user-profile :user="popupUserStore.user.value" />
	</div>
</template>

<script lang="ts" setup>
import UserProfile from "~/components/user-profile";
import { popupUserStore } from "~/store/popupUser";

const rootEl = ref<HTMLDivElement>();
onMounted(() => {
	if (rootEl.value) {
		popupUserStore.config.value = rootEl.value;
	}
});

</script>

<style lang="less" scoped>
.tui-user-profile-popup {
	display: none;
}
</style>
