21 lines
482 B
Vue
21 lines
482 B
Vue
<script setup lang="ts">
|
|
useHead({ title: 'Diary' })
|
|
|
|
const { data: session, refresh } = await useFetch<{ unlocked: boolean }>('/api/diary/session', { key: 'diary-session' })
|
|
const unlocked = computed(() => !!session.value?.unlocked)
|
|
</script>
|
|
|
|
<template>
|
|
<template v-if="unlocked">
|
|
<UMain>
|
|
<UContainer class="py-8">
|
|
<DiaryTimeline />
|
|
</UContainer>
|
|
</UMain>
|
|
|
|
<LogModal />
|
|
</template>
|
|
|
|
<PasswordModal v-else @unlocked="refresh()" />
|
|
</template>
|