mirror of
https://github.com/taigrr/homer
synced 2025-01-18 04:53:12 -08:00
41 lines
804 B
Vue
41 lines
804 B
Vue
<template>
|
|
<a v-on:click="toggleSetting()" class="navbar-item is-inline-block-mobile">
|
|
<span><i :class="['fas', value ? icon : iconAlt]"></i></span>
|
|
<slot></slot>
|
|
</a>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "SettingToggle",
|
|
props: {
|
|
name: String,
|
|
icon: String,
|
|
iconAlt: String,
|
|
},
|
|
data: function () {
|
|
return {
|
|
value: true,
|
|
};
|
|
},
|
|
created: function () {
|
|
if (!this.iconAlt) {
|
|
this.iconAlt = this.icon;
|
|
}
|
|
|
|
if (this.name in localStorage) {
|
|
this.value = JSON.parse(localStorage[this.name]);
|
|
}
|
|
|
|
this.$emit("updated", this.value);
|
|
},
|
|
methods: {
|
|
toggleSetting: function () {
|
|
this.value = !this.value;
|
|
localStorage[this.name] = this.value;
|
|
this.$emit("updated", this.value);
|
|
},
|
|
},
|
|
};
|
|
</script>
|