owltide/pages/index.vue

<template>
	<main>
		<h1>Schedule Demo</h1>
		<ul>
			<li>
				<NuxtLink to="/schedule">View Schedule</NuxtLink>
			</li>
			<li v-if="accountStore.canEdit">
				<NuxtLink to="/edit">Edit Schedule</NuxtLink>
			</li>
			<li v-if="accountStore.valid">
				<NuxtLink to="/account/settings">Account Settings</NuxtLink>
			</li>
			<li v-else>
				<NuxtLink to="/login">Log In / Create Account</NuxtLink>
			</li>
		</ul>
	</main>
</template>

<script lang="ts" setup>
const accountStore = useAccountStore();
</script>