Leahnaya/splatoon3.ink
1
0
Fork 0
mirror of https://github.com/misenhower/splatoon3.ink.git synced 2026-07-13 15:21:06 -05:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Move time updater to main layout

Browse Source
This commit is contained in:
Matt Isenhower 2022-09-10 20:41:12 -07:00
parent ea609494c5
commit 1c4da3d4d3
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Splatoon3Countdown.vue
View File

@ -26,16 +26,13 @@
</template>
<script setup>
import { computed, onMounted, onUnmounted } from 'vue';
import { computed } from 'vue';
import { useTimeStore } from '../stores/time';
const announceDate = new Date('2021-02-17');
const releaseDate = new Date('2022-09-09');
const time = useTimeStore();
onMounted(() => time.startUpdatingNow());
onUnmounted(() => time.stopUpdatingNow());
const totalTime = releaseDate - announceDate;
const remainingTime = computed(() => {
// Adjust the time based on midnight local time

10
src/layouts/MainLayout.vue
View File

@ -32,6 +32,16 @@
</main>
</template>
<script setup>
import { onMounted, onUnmounted } from 'vue';
import { useTimeStore } from '../stores/time';
const time = useTimeStore();
onMounted(() => time.startUpdatingNow());
onUnmounted(() => time.stopUpdatingNow());
</script>
<style scoped>
.footer-links a span {
@apply text-gray-300;