1
0
mirror of https://github.com/kihashi/stardew_community_checklist.git synced 2025-10-19 08:03:17 +00:00
stardew_community_checklist/src/views/WelcomeView.vue
2023-06-03 14:12:35 +10:00

28 lines
705 B
Vue

<script setup lang="ts">
import New from '@/components/New.vue'
import { onMounted, ref } from 'vue'
const showModal = ref(false)
onMounted(() => {
if (localStorage.getItem('visited') === null) {
showModal.value = true
localStorage.setItem('visited', 'true')
}
})
</script>
<template>
<section class="container">
<div class="hero is-medium is-bold">
<div class="hero-body">
<h1 class="title">Stardew Community Checklist</h1>
<h2 class="subtitle">Track Your Progress on the Community Center!</h2>
</div>
</div>
<New :class="showModal ? 'is-active' : ''" v-on:dismiss-modal="showModal = false"></New>
</section>
</template>
<style scoped></style>