32 lines
905 B
Vue
32 lines
905 B
Vue
<template>
|
|
<div
|
|
class="grid grid-rows-2 text-center sm:text-left sm:grid-rows-none sm:grid-cols-2 my-5 navbar w-full"
|
|
>
|
|
<NuxtLink class="block" to="/">
|
|
<h1 class="block site-title bloodseeker">Cinema Corona</h1>
|
|
</NuxtLink>
|
|
|
|
<ul
|
|
class="mt-3 sm:mt-0 justify-self-center sm:justify-self-end inline-flex space-x-5 bloodseeker leading-10"
|
|
>
|
|
<li>
|
|
<NuxtLink class="text-xl header-link" to="/lists">Lists</NuxtLink>
|
|
</li>
|
|
<li>
|
|
<NuxtLink class="text-xl header-link" to="/schedule">Schedule</NuxtLink>
|
|
</li>
|
|
<li v-if="authenticated">
|
|
<ProfileMenu />
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { hasToken } from "~/composables/hasToken";
|
|
import ProfileMenu from "~/components/common/menus/ProfileMenu.vue";
|
|
|
|
const authenticated = computed(() => hasToken());
|
|
</script>
|
|
|
|
<style scoped></style>
|