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;