mirror of
https://github.com/linux-odyssey/linux-odyssey.git
synced 2026-11-06 03:20:13 +08:00
Lin, Hung-Shin
acff4a3f2c
* refactor: put all session ref into one reactive store * fix relogin duplicate signal * fix: put quest data into store, fix hint reactivity * fix: duplicate after relogin * only register listener once
35 lines
1.0 KiB
Vue
35 lines
1.0 KiB
Vue
<template>
|
|
<section class="h-[10%] p-3 grid grid-cols-3 gap-4 place-content-between">
|
|
<button id="solution" class="bg-bg-disabled rounded-lg p-2">
|
|
<font-awesome-icon
|
|
:icon="['far', 'circle-question']"
|
|
class="text-text-disabled"
|
|
/>
|
|
<p class="text-text-disabled inline ml-1">Solution</p>
|
|
</button>
|
|
<button id="reset" class="bg-bg-secondary rounded-lg p-2" @click="reset">
|
|
<font-awesome-icon
|
|
:icon="['fas', 'arrow-rotate-left']"
|
|
class="text-text-primary"
|
|
/>
|
|
<p class="text-text-primary inline ml-1">Reset</p>
|
|
</button>
|
|
<button id="continue" class="bg-bg-disabled rounded-lg p-2">
|
|
<font-awesome-icon
|
|
:icon="['far', 'circle-right']"
|
|
class="text-text-disabled"
|
|
/>
|
|
<p class="text-text-disabled inline ml-1">Continue</p>
|
|
</button>
|
|
</section>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { createSession } from '../store/session'
|
|
|
|
const reset = async () => {
|
|
console.log('resetting...')
|
|
await createSession()
|
|
}
|
|
</script>
|