<template>
  <div>
    {{ data }}
    <button :disabled="pending" @click="refresh">
      Refresh Data
    </button>
  </div>
</template>

<script setup>
const { data, refresh, pending } = await useAsyncData('/api/hello', () => $fetch('/api/hello'))
</script>