X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=src%2Fcomponents%2FSettingToggle.vue;h=efa7caa89e06142f8ebe8ce13422221fcd48ce54;hb=49c2023b8e7eea6b28113b43beca29ee865faebc;hp=985ca84f8f0c6344fa01395b062c8a72eb9599d3;hpb=37dfd2a132d883482b330b22a7c19d86948a391c;p=github%2Fbastienwirtz%2Fhomer.git

diff --git a/src/components/SettingToggle.vue b/src/components/SettingToggle.vue
index 985ca84..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>
@@ -12,6 +15,7 @@ export default {
     name: String,
     icon: String,
     iconAlt: String,
+    defaultValue: Boolean,
   },
   data: function () {
     return {
@@ -24,6 +28,8 @@ export default {
 
     if (this.name in localStorage) {
       this.value = JSON.parse(localStorage[this.name]);
+    } else {
+      this.value = this.defaultValue;
     }
 
     this.$emit("updated", this.value);