From 1c4da3d4d3bf75cf1c4e3cb95f4c3b8e2bba128b Mon Sep 17 00:00:00 2001
From: Matt Isenhower <matt@isenhower.com>
Date: Sat, 10 Sep 2022 20:41:12 -0700
Subject: [PATCH] Move time updater to main layout

---
 src/components/Splatoon3Countdown.vue |  5 +----
 src/layouts/MainLayout.vue            | 10 ++++++++++
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/Splatoon3Countdown.vue b/src/components/Splatoon3Countdown.vue
index e0c3b40..b72b0b5 100644
--- a/src/components/Splatoon3Countdown.vue
+++ b/src/components/Splatoon3Countdown.vue
@@ -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
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 7b279cc..e8fbc3a 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -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;