From 130ca49253e42abb45749d899ee0633cdf25549d Mon Sep 17 00:00:00 2001
From: Akhmad Salafudin <axmad386@gmail.com>
Date: Mon, 17 May 2021 16:26:02 +0700
Subject: [PATCH] feat: keyExtractor for custom svelte loop key

---
 src/Slidy.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/Slidy.svelte b/src/Slidy.svelte
index 9cd588fa..328e428f 100644
--- a/src/Slidy.svelte
+++ b/src/Slidy.svelte
@@ -3,6 +3,7 @@
 	import * as action from "./actions.js";
 
 	export let slides = [],
+		keyExtractor=(item,i)=>item.id||i,
 		wrap = {
 			id: null,
 			width: "100%",
@@ -380,7 +381,7 @@
 
 	<ul class="slidy-ul" on:contextmenu={() => (isdrag = false)} style={move()}>
 		{#if slides}
-			{#each slides as item, i (item.id)}
+			{#each slides as item, i (keyExtractor(item,i))}
 				<li
 					bind:this={nodes[i]}
 					data-id={i}
@@ -395,7 +396,7 @@
 					{#if slidyinit}
 						<slot {item}>
 							{#if slide.backimg === false}
-								<img alt={item.id} src={item[slide.imgsrckey]} width={item.width} height={item.height} />
+								<img alt={keyExtractor(item,i)} src={item[slide.imgsrckey]} width={item.width} height={item.height} />
 							{/if}
 						</slot>
 					{/if}