Garmelon/showbits
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add tictactoe segment

Browse source
This commit is contained in:
Joscha 2025-03-03 16:49:02 +01:00
parent 965cedf5a2
commit ea1a0cbeab
2 changed files with 44 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
showbits-thermal-printer-ui/src/components/CSegment.vue
View file

@ -3,8 +3,9 @@ import { ref } from "vue";
import CSegmentCalendar from "./CSegmentCalendar.vue";
import CSegmentEgg from "./CSegmentEgg.vue";
import CSegmentText from "./CSegmentText.vue";
import CSegmentTictactoe from "./CSegmentTictactoe.vue";
const mode = ref<"calendar" | "egg" | "text">();
const mode = ref<"calendar" | "egg" | "text" | "tictactoe">();
</script>
<template>
@ -13,6 +14,7 @@ const mode = ref<"calendar" | "egg" | "text">();
<CSegmentCalendar v-if="mode === 'calendar'" />
<CSegmentEgg v-if="mode === 'egg'" />
<CSegmentText v-if="mode === 'text'" />
<CSegmentTictactoe v-if="mode === 'tictactoe'" />
<hr v-if="mode !== undefined" />
<section>
<p>What do you want to print?</p>
@ -22,7 +24,7 @@ const mode = ref<"calendar" | "egg" | "text">();
<button @click="mode = 'text'">Chat Message</button>
<button @click="mode = 'egg'">Easter Egg</button>
<button @click="mode = 'text'">Text</button>
<button @click="mode = 'text'">Tic Tac Toe</button>
<button @click="mode = 'tictactoe'">Tic Tac Toe</button>
</div>
</section>
</div>