|
|
<script> |
|
|
import { onMount } from "svelte"; |
|
|
const url ="https://huggingface.co/datasets/triple-t/dummy/raw/main/huggingface-projects_diffuse-the-rest.json" |
|
|
|
|
|
let discussions = []; |
|
|
function fetchData(){ |
|
|
fetch(url) |
|
|
.then(response => response.json()) |
|
|
.then(json => { |
|
|
discussions = json; |
|
|
console.log(discussions); |
|
|
}) |
|
|
} |
|
|
onMount(()=>{ |
|
|
fetchData(); |
|
|
}) |
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<div class="grid grid-cols-4 gap-4 gap-4 p-3"> |
|
|
{#each discussions as item} |
|
|
{#if item.data.images.length > 0} |
|
|
<div> |
|
|
<h1 class="font-semibold p-2 min-h-[5ch]">{item.data.prompt}</h1> |
|
|
|
|
|
<img src={item.data.images[0]} class=""/> |
|
|
</div> |
|
|
{/if} |
|
|
{/each} |
|
|
|
|
|
</div> |
