2023-12-12 22:20:48 +00:00
|
|
|
<script setup lang="ts">
|
|
|
|
import { setActivePinia } from "pinia";
|
|
|
|
import pinia from "../../store/index";
|
|
|
|
setActivePinia(pinia);
|
|
|
|
|
|
|
|
import { useStateStore } from "../../store/stateStore.js";
|
|
|
|
const state = useStateStore(pinia);
|
|
|
|
</script>
|
|
|
|
<template>
|
2023-12-16 16:12:03 +00:00
|
|
|
<div
|
|
|
|
class="d-flex justify-content-center align-items-center object-fill border rounded w-100 h-100"
|
2024-01-05 20:27:11 +00:00
|
|
|
:class="state.ptt_state === true ? 'text-bg-warning' : 'text-bg-white'"
|
2023-12-16 16:12:03 +00:00
|
|
|
>
|
2024-01-05 20:27:33 +00:00
|
|
|
<h2>ON AIR</h2>
|
2023-12-16 16:12:03 +00:00
|
|
|
</div>
|
2023-12-12 22:20:48 +00:00
|
|
|
</template>
|