From cbbed6346a437e6b9f05f646f1df0c77d2fb36eb Mon Sep 17 00:00:00 2001
From: Bastien Wirtz <bastien.wirtz@gmail.com>
Date: Sat, 4 Jun 2022 22:40:48 +0200
Subject: Migrate to VueJS 3

---
 src/components/SearchInput.vue | 2 +-
 src/components/Service.vue     | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

(limited to 'src/components')

diff --git a/src/components/SearchInput.vue b/src/components/SearchInput.vue
index 165c992..53480e7 100644
--- a/src/components/SearchInput.vue
+++ b/src/components/SearchInput.vue
@@ -75,7 +75,7 @@ export default {
       this.$emit("input", value.toLowerCase());
     },
   },
-  beforeDestroy() {
+  beforeUnmount() {
     document.removeEventListener("keydown", this._keyListener);
   },
 };
diff --git a/src/components/Service.vue b/src/components/Service.vue
index 25b86d5..ac378ec 100644
--- a/src/components/Service.vue
+++ b/src/components/Service.vue
@@ -1,8 +1,9 @@
 <template>
-  <component v-bind:is="component" :item="item" :proxy="proxy"></component>
+  <component :is="component" :item="item" :proxy="proxy"></component>
 </template>
 
 <script>
+import { defineAsyncComponent } from "vue";
 import Generic from "./services/Generic.vue";
 
 export default {
@@ -17,7 +18,7 @@ export default {
       if (type === "Generic") {
         return Generic;
       }
-      return () => import(`./services/${type}.vue`);
+      return defineAsyncComponent(() => import(`./services/${type}.vue`));
     },
   },
 };
-- 
cgit v1.2.3


From c80854cb2d1e4ee0f96e8e5185b466b6c06c5416 Mon Sep 17 00:00:00 2001
From: Bastien Wirtz <bastien.wirtz@gmail.com>
Date: Sun, 5 Jun 2022 21:48:10 +0200
Subject: Make connectivity check work with vitejs dev server

Head requests on directory path end up in 404
---
 src/components/ConnectivityChecker.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/components')

diff --git a/src/components/ConnectivityChecker.vue b/src/components/ConnectivityChecker.vue
index 2b3e47b..3066b7d 100644
--- a/src/components/ConnectivityChecker.vue
+++ b/src/components/ConnectivityChecker.vue
@@ -56,7 +56,7 @@ export default {
 
       // extra check to make sure we're not offline
       let that = this;
-      const aliveCheckUrl = window.location.href + "?t=" + new Date().valueOf();
+      const aliveCheckUrl = `${window.location.origin}${window.location.pathname}/index.html?t=${new Date().valueOf()}`;
       return fetch(aliveCheckUrl, {
         method: "HEAD",
         cache: "no-store",
-- 
cgit v1.2.3


From 59994bfee8ae2151238e0ba98b84dd04ae3a43a4 Mon Sep 17 00:00:00 2001
From: Bastien Wirtz <bastien.wirtz@gmail.com>
Date: Sun, 3 Jul 2022 21:59:57 +0200
Subject: Fix lint issues

---
 src/components/ConnectivityChecker.vue  |  4 +++-
 src/components/services/OpenWeather.vue | 28 ++++++++++++++--------------
 src/components/services/UptimeKuma.vue  |  1 +
 3 files changed, 18 insertions(+), 15 deletions(-)

(limited to 'src/components')

diff --git a/src/components/ConnectivityChecker.vue b/src/components/ConnectivityChecker.vue
index 3066b7d..0e724fc 100644
--- a/src/components/ConnectivityChecker.vue
+++ b/src/components/ConnectivityChecker.vue
@@ -56,7 +56,9 @@ export default {
 
       // extra check to make sure we're not offline
       let that = this;
-      const aliveCheckUrl = `${window.location.origin}${window.location.pathname}/index.html?t=${new Date().valueOf()}`;
+      const aliveCheckUrl = `${window.location.origin}${
+        window.location.pathname
+      }/index.html?t=${new Date().valueOf()}`;
       return fetch(aliveCheckUrl, {
         method: "HEAD",
         cache: "no-store",
diff --git a/src/components/services/OpenWeather.vue b/src/components/services/OpenWeather.vue
index 79d5e37..756abf7 100644
--- a/src/components/services/OpenWeather.vue
+++ b/src/components/services/OpenWeather.vue
@@ -22,7 +22,7 @@
               <div v-else>
                 <p class="title is-4">{{ name }}</p>
                 <p class="subtitle is-6">
-                  {{ temp | tempSuffix(this.item.units) }}
+                  {{ temperature }}
                 </p>
               </div>
             </div>
@@ -50,6 +50,19 @@ export default {
     conditions: null,
     error: false,
   }),
+  computed: {
+    temperature: function () {
+      if (!this.temp) return "";
+
+      let unit = "K";
+      if (this.item.type === "metric") {
+        unit = "°C";
+      } else if (this.item.type === "imperial") {
+        unit = "°F";
+      }
+      return `${this.temp} ${unit}`;
+    },
+  },
   created() {
     this.fetchWeather();
   },
@@ -86,19 +99,6 @@ export default {
         });
     },
   },
-  filters: {
-    tempSuffix: function (value, type) {
-      if (!value) return "";
-
-      let unit = "K";
-      if (type === "metric") {
-        unit = "°C";
-      } else if (type === "imperial") {
-        unit = "°F";
-      }
-      return `${value} ${unit}`;
-    },
-  },
 };
 </script>
 
diff --git a/src/components/services/UptimeKuma.vue b/src/components/services/UptimeKuma.vue
index 3be53b8..5117a05 100644
--- a/src/components/services/UptimeKuma.vue
+++ b/src/components/services/UptimeKuma.vue
@@ -99,6 +99,7 @@ export default {
     },
   },
   created() {
+    /* eslint-disable */
     this.item.url = `${this.item.url}/status/${this.dashboard}`;
     this.fetchStatus();
   },
-- 
cgit v1.2.3


From a46bede230afd80b3fbf562f4d5d7491155e3835 Mon Sep 17 00:00:00 2001
From: Bastien Wirtz <bastien.wirtz@gmail.com>
Date: Tue, 12 Jul 2022 22:26:45 +0200
Subject: Small fixes

---
 src/components/DarkMode.vue             | 2 +-
 src/components/Message.vue              | 1 -
 src/components/SettingToggle.vue        | 5 ++++-
 src/components/services/OpenWeather.vue | 4 ++--
 4 files changed, 7 insertions(+), 5 deletions(-)

(limited to 'src/components')

diff --git a/src/components/DarkMode.vue b/src/components/DarkMode.vue
index 677238a..4318c22 100644
--- a/src/components/DarkMode.vue
+++ b/src/components/DarkMode.vue
@@ -1,6 +1,6 @@
 <template>
   <a
-    v-on:click="toggleTheme()"
+    @click="toggleTheme()"
     aria-label="Toggle dark mode"
     class="navbar-item is-inline-block-mobile"
   >
diff --git a/src/components/Message.vue b/src/components/Message.vue
index 00ce158..2b338ef 100644
--- a/src/components/Message.vue
+++ b/src/components/Message.vue
@@ -47,7 +47,6 @@ export default {
       }
       if (this.item.url) {
         let fetchedMessage = await this.downloadMessage(this.item.url);
-        console.log("done");
         if (this.item.mapping) {
           fetchedMessage = this.mapRemoteMessage(fetchedMessage);
         }
diff --git a/src/components/SettingToggle.vue b/src/components/SettingToggle.vue
index 6c8a10f..efa7caa 100644
--- a/src/components/SettingToggle.vue
+++ b/src/components/SettingToggle.vue
@@ -1,5 +1,8 @@
 <template>
-  <a v-on:click="toggleSetting()" class="navbar-item is-inline-block-mobile">
+  <a
+    @click.prevent="toggleSetting()"
+    class="navbar-item is-inline-block-mobile"
+  >
     <span><i :class="['fas', 'fa-fw', value ? icon : secondaryIcon]"></i></span>
     <slot></slot>
   </a>
diff --git a/src/components/services/OpenWeather.vue b/src/components/services/OpenWeather.vue
index 756abf7..ba0be96 100644
--- a/src/components/services/OpenWeather.vue
+++ b/src/components/services/OpenWeather.vue
@@ -55,9 +55,9 @@ export default {
       if (!this.temp) return "";
 
       let unit = "K";
-      if (this.item.type === "metric") {
+      if (this.item.units === "metric") {
         unit = "°C";
-      } else if (this.item.type === "imperial") {
+      } else if (this.item.units === "imperial") {
         unit = "°F";
       }
       return `${this.temp} ${unit}`;
-- 
cgit v1.2.3