diff options
Diffstat (limited to 'packages/frontend/src/components/MkClickerGame.vue')
| -rw-r--r-- | packages/frontend/src/components/MkClickerGame.vue | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/packages/frontend/src/components/MkClickerGame.vue b/packages/frontend/src/components/MkClickerGame.vue index 1c3920962e..f255961e25 100644 --- a/packages/frontend/src/components/MkClickerGame.vue +++ b/packages/frontend/src/components/MkClickerGame.vue @@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <script lang="ts" setup> -import { computed, onMounted, onUnmounted } from 'vue'; +import { computed, onMounted, onUnmounted, ref } from 'vue'; import MkPlusOneEffect from '@/components/MkPlusOneEffect.vue'; import * as os from '@/os.js'; import { useInterval } from '@/scripts/use-interval.js'; @@ -29,8 +29,8 @@ import { claimAchievement } from '@/scripts/achievements.js'; const saveData = game.saveData; const cookies = computed(() => saveData.value?.cookies); -let cps = $ref(0); -let prevCookies = $ref(0); +const cps = ref(0); +const prevCookies = ref(0); function onClick(ev: MouseEvent) { const x = ev.clientX; @@ -48,9 +48,9 @@ function onClick(ev: MouseEvent) { } useInterval(() => { - const diff = saveData.value!.cookies - prevCookies; - cps = diff; - prevCookies = saveData.value!.cookies; + const diff = saveData.value!.cookies - prevCookies.value; + cps.value = diff; + prevCookies.value = saveData.value!.cookies; }, 1000, { immediate: false, afterMounted: true, @@ -63,7 +63,7 @@ useInterval(game.save, 1000 * 5, { onMounted(async () => { await game.load(); - prevCookies = saveData.value!.cookies; + prevCookies.value = saveData.value!.cookies; }); onUnmounted(() => { |