- {{ temp }}
- <span v-if="this.item.units == 'metric'">°C</span>
- <span v-else-if="this.item.units == 'imperial'">°F</span>
- <span v-else>K</span>
+ <template v-if="temp !== ''">
+ {{ temp }}
+ <span v-if="this.item.units === 'metric'">°C</span>
+ <span v-else-if="this.item.units === 'imperial'">°F</span>
+ <span v-else>K</span>
+ </template>
+ <template v-else>
+ <span class="error">Data could not be retrieved</span>
+ </template>