Refactor the existing scattered code dealing with the account state into a pinia store.
23 lines
515 B
Vue
23 lines
515 B
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>
|