<div v-else>
<p class="title is-4">{{ name }}</p>
<p class="subtitle is-6">
- {{ temp | tempSuffix(this.item.units) }}
+ {{ temperature }}
</p>
</div>
</div>
conditions: null,
error: false,
}),
+ computed: {
+ temperature: function () {
+ if (!this.temp) return "";
+
+ let unit = "K";
+ if (this.item.type === "metric") {
+ unit = "°C";
+ } else if (this.item.type === "imperial") {
+ unit = "°F";
+ }
+ return `${this.temp} ${unit}`;
+ },
+ },
created() {
this.fetchWeather();
},
});
},
},
- filters: {
- tempSuffix: function (value, type) {
- if (!value) return "";
-
- let unit = "K";
- if (type === "metric") {
- unit = "°C";
- } else if (type === "imperial") {
- unit = "°F";
- }
- return `${value} ${unit}`;
- },
- },
};
</script>