Vue.js: What is useFetch in Nuxt 3?

1<script setup>
2// Basic usage
3const { data, pending, error } = await useFetch("/api/posts")
4
5// With options
6const { data } = await useFetch("/api/posts", {
7    method: "POST",
8    body: { title: "New Post" },
9    headers: { Authorization: "Bearer token" },
10    transform: (data) => data.posts
11})
12
13// With watch
14const { data } = await useFetch(`/api/posts?page=${page}`)
15</script>
16
17<template>
18    <div v-if="pending">Loading...</div>
19    <div v-else-if="error">{{ error.message }}</div>
20    <div v-else>{{ data }}</div>
21</template>