Skip to content

Instantly share code, notes, and snippets.

View belyas's full-sized avatar
🏠
Working from home

yassine belkaid belyas

🏠
Working from home
View GitHub Profile
@belyas
belyas / App.vue
Created April 21, 2023 14:40 — forked from ErikCH/App.vue
App.vue for Renderless Component Video
<script lang="ts" setup>
import FetchJson from "./components/fetch-json.vue";
// import { useFetch } from "@vueuse/core";
const url = "https://api.thecatapi.com/v1/images/search";
// const { isFetching: loading, error, data: response } = useFetch(url).json();
</script>
<template>
<h3>Random Cat Pics!</h3>
<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)