<template>
	<root-layout v-if="isReady" icp="test icp" author="test cr name">
		<authorize-form class="test" />
		<textarea v-text="JSON.stringify(userStore.loginUser)"></textarea>
		<comment :bizType="CommentBizType.ARTICLE" :bizId="1" />
	</root-layout>
	<popup />
	<user-profile-popup />
</template>

<script lang="ts" setup>
import { CommentBizType, Popup, SettingMapper, userStore } from "timi-web";
import { AuthorizeForm, Comment, RootLayout, UserProfilePopup } from "~/components";

const isReady = ref(false);

onMounted(async () => {
	await SettingMapper.loadSetting();
	await userStore.login4Storage();
	isReady.value = true;
});
</script>

<style lang="less" scoped>
.test {
	width: 20rem;
	margin: 2rem auto;
}
</style>
