fetch-json.vue

<script setup lang="ts">
import { ref, useSlots, getCurrentInstance } from "vue";

const props = defineProps<{ url: string }>();
const slots = useSlots();

let res = ref("");
let loading = ref(true);

fetch(props.url)
  .then(response => response.json())
  .then(response => {
    res.value = response;
    loading.value = false;
  });
getCurrentInstance().render = () =>
  slots.default({
    res: res.value,
    loading: loading.value
  });
</script>