SkillAegis/src/TheDahboard.vue

29 lines
593 B
Vue
Raw Normal View History

2024-07-01 06:13:08 +00:00
<script setup>
import { ref, computed, onMounted, watch } from 'vue'
import TheLiveLogs from './components/TheLiveLogs.vue'
import TheScores from './components/TheScores.vue'
import { resetState, fullReload, socketConnected } from "@/socket";
watch(socketConnected, (isConnected) => {
if (isConnected) {
resetState()
fullReload()
}
})
onMounted(() => {
fullReload()
})
</script>
<template>
<h1 class="text-3xl font-bold text-center text-slate-600 dark:text-slate-300">MISP Exercise Dashboard</h1>
<TheScores
></TheScores>
<TheLiveLogs
></TheLiveLogs>
</template>