How do you watch for body change in usefetch?
<script setup>
const usersByLastName = reactive <UsersByLastName> ({ lastName: "" });
const { data, pending, error } = useFetch("/api/users/bylastname", {
method: "POST",
body: usersByLastName,
});
</script>
<template>
<input v-model="usersByLastName.lastName" />
<div v-if="pending">Caricamento...</div>
<div v-if="error">Errore: {{ error }}</div>
<div v-if="data">
<ul>
<li v-for="user in data.users">
{{ user.firstName }} {{user.lastName}}
</li>
</ul>
</div>
</template>
const usersByLastName = reactive <UsersByLastName> ({ lastName: "" });
const { data, pending, error } = useFetch("/api/users/bylastname", {
method: "POST",
body: usersByLastName,
});
</script>
<template>
<input v-model="usersByLastName.lastName" />
<div v-if="pending">Caricamento...</div>
<div v-if="error">Errore: {{ error }}</div>
<div v-if="data">
<ul>
<li v-for="user in data.users">
{{ user.firstName }} {{user.lastName}}
</li>
</ul>
</div>
</template>
