From 3a411319d9835ade8c342e69e732266ffdd04ecf Mon Sep 17 00:00:00 2001
From: Matt Isenhower <matt@isenhower.com>
Date: Tue, 20 Sep 2022 19:59:11 -0700
Subject: [PATCH] Enable overriding the current time

---
 src/layouts/ScreenshotLayout.vue | 13 ++++++++++---
 src/stores/time.mjs              |  3 +++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/layouts/ScreenshotLayout.vue b/src/layouts/ScreenshotLayout.vue
index 9fda42d..e4a2ab6 100644
--- a/src/layouts/ScreenshotLayout.vue
+++ b/src/layouts/ScreenshotLayout.vue
@@ -32,7 +32,8 @@
 </template>
 
 <script setup>
-import { onMounted, onUnmounted } from 'vue';
+import { onMounted, onUnmounted, watchEffect } from 'vue';
+import { useRoute } from 'vue-router';
 import { useDataStore } from '../stores/data';
 import { useTimeStore } from '../stores/time';
 
@@ -42,12 +43,18 @@ const props = defineProps({
   },
 })
 
+const route = useRoute();
+
 const time = useTimeStore();
 const data = useDataStore();
 
-onMounted(() => time.startUpdatingNow());
 onMounted(() => data.updateAll());
-onUnmounted(() => time.stopUpdatingNow());
+
+watchEffect(() => {
+  if (route.query.time) {
+    time.setNow(route.query.time);
+  }
+});
 
 function formatDateTime(date) {
   date = new Date(date);
diff --git a/src/stores/time.mjs b/src/stores/time.mjs
index 3589dd3..a9bc797 100644
--- a/src/stores/time.mjs
+++ b/src/stores/time.mjs
@@ -14,6 +14,9 @@ export const useTimeStore = defineStore('time', {
     now: now(),
   }),
   actions: {
+    setNow(value) {
+      this.now = value;
+    },
     updateNow() {
       this.now = now();
     },