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

Added game state to all components, renamed timeout to timeoutMilliseconds, removed score from savegame.

Browse Source
This commit is contained in:
Marvin Blum
2020-12-21 15:48:20 +01:00
parent 639fcf8c6e
commit c4b914ccfd
11 changed files with 128 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/Timer.vue
View File

@@ -6,18 +6,16 @@
</template>
<script lang="ts">
import {defineComponent, ref, computed} from "vue";
import {defineComponent, computed, inject, Ref} from "vue";
export default defineComponent({
props: {
time: {type: Object, required: true}
},
setup(props) {
const remainingTime = ref(60)
const progress = computed(() => remainingTime.value/60*100);
const countdown = computed(() => remainingTime.value.toFixed(2));
setup() {
const remainingTime = inject("remainingMilliseconds") as Ref<number>;
const timeoutMilliseconds = inject("timeoutMilliseconds") as Ref<number>;
const progress = computed(() => remainingTime.value/timeoutMilliseconds.value*100);
const countdown = computed(() => (remainingTime.value/1000).toFixed(2));
const updateTime = () => {
/*const updateTime = () => {
remainingTime.value = Math.max(0, (props.time.getTime() - new Date().getTime()) / 1000);
if (remainingTime.value > 0) {
requestAnimationFrame(() => {
@@ -28,7 +26,7 @@
requestAnimationFrame(() => {
updateTime();
});
});*/
return {
countdown,