diff --git a/package.json b/package.json index f6b4249..9a47247 100644 --- a/package.json +++ b/package.json @@ -40,7 +40,8 @@ "svelte-preprocess": "^4.10.6", "tslib": "^2.3.1", "typescript": "^4.7.4", - "vite": "^3.0.0" + "vite": "^3.0.0", + "vite-imagetools": "^4.0.4" }, "type": "module", "dependencies": { diff --git a/src/lib/components/CatImage.svelte b/src/lib/components/CatImage.svelte new file mode 100644 index 0000000..ef093b1 --- /dev/null +++ b/src/lib/components/CatImage.svelte @@ -0,0 +1,27 @@ + + +{#if !fallback && !metadata} + No metadata supplied +{:else} + A cute kitty +{/if} + + diff --git a/src/lib/components/Image.svelte b/src/lib/components/Image.svelte index ef093b1..250ebe8 100644 --- a/src/lib/components/Image.svelte +++ b/src/lib/components/Image.svelte @@ -1,24 +1,165 @@ -{#if !fallback && !metadata} - No metadata supplied -{:else} - A cute kitty -{/if} + + + {#each [...sources.entries()] as [format, meta]} + `${m.src} ${m.width}w`).join(', ')} + /> + {/each} + +