I'm new to Vue, so I want to know how to display a blank screen when the resource fails to load from the API. So below is the mustache that I have used in my program, wherein the variable is from the API.

```html
<p class="text-2xl text-success">
    {{'+' + avgSwing.overall_performance + '%'}}%
</p>

```

So when the resource loads from the API, the output obtained is:

```
+36.14%

```

when the resource fails to load from the API, the output obtained is:

```
+undefined%

```

So, I'm expecting a blank screen instead of `+undefined%`, please help me with this. Thank you.