mirror of
https://github.com/rjNemo/meal_planner
synced 2026-06-06 02:26:49 +00:00
15 lines
341 B
Vue
15 lines
341 B
Vue
<script setup lang="ts">
|
|
const { data, pending, error, refresh } = await useFetch(
|
|
"https://www.themealdb.com/api/json/v1/1/random.php",
|
|
);
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<div v-if="pending">Loading</div>
|
|
<div v-else-if="error">Failed: {{ error }}</div>
|
|
<pre v-else>
|
|
{{ data?.meals?.[0] }}
|
|
</pre>
|
|
</div>
|
|
</template>
|