marvin/breach
1
0
Fork 0
mirror of https://github.com/Kugelschieber/breach.git synced 2026-01-18 20:10:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Manage game state through object injection everywhere, fixed filling buffer and stopping clock in Game.

Browse Source
This commit is contained in:
Marvin Blum
2020-12-21 17:27:16 +01:00
parent a66f6e1fa4
commit eebca998cb
9 changed files with 70 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Buffer.vue
View File

@@ -3,7 +3,7 @@
<h2>Buffer</h2>
<div class="buffer-slots">
<div class="buffer-slots-slot buffer-slots-border" v-for="(slot, i) in maxBufferLength" :key="i">
<span v-if="buffer.length > i">{{buffer[i]}}</span>
<span v-if="buffer.length > i">{{buffer[i].value}}</span>
</div>
</div>
<Sequences />
@@ -11,7 +11,8 @@
</template>
<script lang="ts">
import {defineComponent, inject} from "vue";
import { Game } from "@/game/Game";
import {defineComponent, inject, Ref, computed} from "vue";
import Sequences from "./Sequences.vue";
export default defineComponent({
@@ -19,8 +20,9 @@
Sequences
},
setup() {
const maxBufferLength = inject("maxBufferLength");
const buffer = inject("buffer");
const game = inject("game") as Ref<Game>;
const maxBufferLength = computed(() => game.value.maxBufferLength);
const buffer = computed(() => game.value.buffer);
return {
maxBufferLength,