<template>
<a
- v-on:click="toggleTheme()"
+ @click="toggleTheme()"
aria-label="Toggle dark mode"
class="navbar-item is-inline-block-mobile"
>
}
if (this.item.url) {
let fetchedMessage = await this.downloadMessage(this.item.url);
- console.log("done");
if (this.item.mapping) {
fetchedMessage = this.mapRemoteMessage(fetchedMessage);
}
<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>
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}`;