I am not sure how to fetch data in SvelteKit 5. In the below data is undefined.
<code><script>
export async function load({ fetch }) {
const res = await fetch('https://renovatorsparadisewebsite.kinsta.cloud/wp-json/rp2024/v1/top-menu');
const data = await res.json();
return {
props: { data }
};
}
const { data } = $props();
console.log(data);
</script>
</code>
<code><script>
export async function load({ fetch }) {
const res = await fetch('https://renovatorsparadisewebsite.kinsta.cloud/wp-json/rp2024/v1/top-menu');
const data = await res.json();
return {
props: { data }
};
}
const { data } = $props();
console.log(data);
</script>
</code>
<script>
export async function load({ fetch }) {
const res = await fetch('https://renovatorsparadisewebsite.kinsta.cloud/wp-json/rp2024/v1/top-menu');
const data = await res.json();
return {
props: { data }
};
}
const { data } = $props();
console.log(data);
</script>
I tried changing the variable name data