mirror of
https://github.com/linux-odyssey/linux-odyssey.git
synced 2026-11-05 19:20:12 +08:00
38 lines
908 B
Vue
38 lines
908 B
Vue
<script setup lang="ts">
|
|
import { useToast } from 'vue-toastification'
|
|
import { computed } from 'vue'
|
|
import { useSession } from '../../store/session'
|
|
|
|
const toast = useToast()
|
|
const sessionStore = useSession()
|
|
|
|
const showCover = computed(() => sessionStore.session === null)
|
|
|
|
const startSession = async () => {
|
|
try {
|
|
await sessionStore.createSession()
|
|
} catch (err: any) {
|
|
console.error(err)
|
|
toast.error(err.message)
|
|
}
|
|
}
|
|
</script>
|
|
<template>
|
|
<div
|
|
v-if="showCover"
|
|
class="bg-bg-secondary h-full w-1/2 fixed bg-opacity-50 flex justify-center items-center"
|
|
>
|
|
<button
|
|
id="start"
|
|
class="bg-bg-secondary rounded-lg p-3"
|
|
@click="startSession"
|
|
>
|
|
<font-awesome-icon
|
|
:icon="['fas', 'play']"
|
|
class="text-text-primary h-full px-3"
|
|
/>
|
|
<p class="text-text-primary inline ml-1 md:flex">開始</p>
|
|
</button>
|
|
</div>
|
|
</template>
|