<template>
<a v-on:click="toggleSetting()" class="navbar-item is-inline-block-mobile">
- <span v-show="value"><i :class="['fas', icon]"></i></span>
- <span v-show="!value"><i :class="['fas', iconAlt]"></i></span>
+ <span><i :class="['fas', 'fa-fw', value ? icon : secondaryIcon]"></i></span>
<slot></slot>
</a>
</template>
},
data: function () {
return {
+ secondaryIcon: null,
value: true,
};
},
created: function () {
- if (!this.iconAlt) {
- this.iconAlt = this.icon;
- }
+ this.secondaryIcon = this.iconAlt || this.icon;
if (this.name in localStorage) {
this.value = JSON.parse(localStorage[this.name]);