Vue <Suspense> example

<script>
import { defineComponent, ref, onMounted } from 'vue'
export default defineComponent({

  setup() {
    const getJoke = async() => fetch('https://api.chucknorris.io/jokes/random').then(res => res.json())
    const joke = ref([])

    onMounted(async () => {
      joke.value = await getJoke()
    })
return {
      joke
    }
  }

});
</script>

<template>
  <Suspense>
    <template #default>
      {{ joke.value }}
    </template>
    <template #fallback>
      <div>Loading...</div>
    </template>
  </Suspense>
</template>