Correct setup for `swr`

<template>
  <pre>{{ data?.data }}</pre>
</template>
<script setup>
const { data } = await useAsyncData(
  "home",
  async () => await $fetch("/api/data")
);
</script>

export default defineEventHandler((event) => {
  return {
    data: new Date().toISOString(),
  };
});

export default defineNuxtConfig({
  routeRules: {
    "/**": { swr: 60 }
  },
});

export default defineNuxtConfig({
  routeRules: {
    "/api/**": { swr: 60 }
  },
});