<script setup lang="ts">
import { useGet } from "~/composables/useGet";

const identifiedResult = await useGet('/identify-yourself')
const allowedResult = await useGet('/do-you-have-permission')
const thingsResult = await useGet('/things')
console.log('something')
</script>

<template>
	<div>
		<header>
			<SignedIn>
				<UserButton />
			</SignedIn>
			<SignedOut>
				<SignInButton />
			</SignedOut>
		</header>
		<main>
			<div>
				identified: {{ identifiedResult.data }}
			</div>
			<div>
				allowed: {{ allowedResult.data }}
			</div>
			<div>
				things: {{ thingsResult.data }}
			</div>
		</main>
	</div>
</template>

<style scoped></style>
