SetTimeout Vue Delay

App.vue

<template>
  <h1>Random Dad Jokes</h1>
  <p v-if="loading">Loading...</p>
  <p v-else>{{ joke }}</p>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      joke: "",
      loading: true,
    };
  },
  methods: {
    loadJoke() {
      fetch("https://icanhazdadjoke.com/", {
        headers: {
          Accept: "application/json",
        },
      })
        .then((response) => {
          return response.json();
        })
        .then((data) => {
          if (data.status === 200) {
            this.joke = data.joke;
            this.loading = false;
          }
        })
        .catch((err) => console.log(err));
    },
  },
  mounted() {
    setTimeout(this.loadJoke, 3000);
  },
};
</script>