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}`;