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}
+
+{/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}
-
-{/if}
+
+
+ {#each [...sources.entries()] as [format, meta]}
+ `${m.src} ${m.width}w`).join(', ')}
+ />
+ {/each}
+
+