chore(deps): update dependency eslint-plugin-svelte to v3 (#4877)

* chore(deps): update dependency eslint-plugin-svelte to v3

* fix: fixed lint error for eslint-plugin-svelte v3 changes.

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Jin Igarashi <igarashi.jin@water-gis.com>

Author: renovate[bot]

.changeset/orange-jeans-mate.md

@@ -0,0 +1,11 @@
+---
+"@undp-data/svelte-geohub-static-image-controls": patch
+"@undp-data/svelte-maplibre-storymap": patch
+"@undp-data/svelte-undp-components": patch
+"@undp-data/svelte-undp-design": patch
+"@undp-data/cgaz-admin-tool": patch
+"@undp-data/style-switcher": patch
+"geohub": patch
+---
+
+fix: fixed lint error for eslint-plugin-svelte v3 changes.

packages/cgaz-admin-tool/package.json

@@ -48,7 +48,7 @@
 		"@typescript-eslint/parser": "^8.23.0",
 		"eslint": "^9.19.0",
 		"eslint-config-prettier": "^10.0.1",
-		"eslint-plugin-svelte": "^2.46.1",
+		"eslint-plugin-svelte": "^3.0.0",
 		"globals": "^16.0.0",
 		"pmtiles": "^4.2.1",
 		"prettier": "^3.4.2",

packages/style-switcher/package.json

@@ -31,7 +31,7 @@
 		"@typescript-eslint/parser": "^8.23.0",
 		"eslint": "^9.19.0",
 		"eslint-config-prettier": "^10.0.1",
-		"eslint-plugin-svelte": "^2.46.1",
+		"eslint-plugin-svelte": "^3.0.0",
 		"globals": "^16.0.0",
 		"prettier": "^3.4.2",
 		"prettier-plugin-svelte": "^3.3.3",

packages/svelte-maplibre-storymap/package.json

@@ -51,7 +51,7 @@
 		"@typescript-eslint/parser": "^8.23.0",
 		"eslint": "^9.19.0",
 		"eslint-config-prettier": "^10.0.1",
-		"eslint-plugin-svelte": "^2.46.1",
+		"eslint-plugin-svelte": "^3.0.0",
 		"globals": "^16.0.0",
 		"prettier": "^3.4.2",
 		"prettier-plugin-svelte": "^3.3.3",

packages/svelte-maplibre-storymap/src/lib/StoryMap.svelte

@@ -288,7 +288,7 @@
 		<StoryMapHeader bind:template />
 
 		{#if $mapStore}
-			{#each config.chapters as chapter}
+			{#each config.chapters as chapter (chapter.id)}
 				<StoryMapChapter {chapter} bind:activeId bind:template />
 			{/each}
 		{/if}
@@ -333,7 +333,7 @@
 							aria-label={config.title}
 						>
 						</button>
-						{#each config.chapters as ch, index}
+						{#each config.chapters as ch, index (ch.id)}
 							<button
 								class="progress-button {slideIndex === index + 1 ? 'is-active' : ''}"
 								use:tippyTooltip={{ content: ch.title }}

packages/svelte-maplibre-storymap/src/routes/+page.svelte

@@ -19,7 +19,7 @@
 
 <div class="overlay">
 	<div class="buttons has-addons">
-		{#each cssModes as mode}
+		{#each cssModes as mode (mode.id)}
 			<label class="radio">
 				<input type="radio" name="cssmode" value={mode.id} bind:group={cssMode} />
 				{mode.label}

packages/svelte-static-image-controls/package.json

@@ -49,7 +49,7 @@
 		"@typescript-eslint/parser": "^8.23.0",
 		"eslint": "^9.19.0",
 		"eslint-config-prettier": "^10.0.1",
-		"eslint-plugin-svelte": "^2.46.1",
+		"eslint-plugin-svelte": "^3.0.0",
 		"globals": "^16.0.0",
 		"pmtiles": "^4.2.1",
 		"prettier": "^3.4.2",

packages/svelte-static-image-controls/src/lib/StaticImageControl.svelte

@@ -261,7 +261,7 @@
 				<div class="select is-fullwidth">
 					<select bind:value={selectedPageName} onchange={handlePageSizeChanged}>
 						<option value="custom">Custom</option>
-						{#each Object.keys(PageSizes) as name}
+						{#each Object.keys(PageSizes) as name (name)}
 							{@const size = PageSizes[name]}
 							<option value={name}>{name} ({size[0]} mm x {size[1]} mm)</option>
 						{/each}

packages/svelte-undp-components/package.json

@@ -68,7 +68,7 @@
 		"eslint": "^9.19.0",
 		"eslint-config-prettier": "^10.0.1",
 		"eslint-plugin-storybook": "^0.11.2",
-		"eslint-plugin-svelte": "^2.46.1",
+		"eslint-plugin-svelte": "^3.0.0",
 		"globals": "^16.0.0",
 		"jsdom": "^26.0.0",
 		"pmtiles": "^4.2.1",

packages/svelte-undp-components/src/lib/components/maplibre/heatmap/HeatmapColor.svelte

@@ -99,8 +99,7 @@
 
 <div class="fixed-grid has-{colorValues.length}-cols">
 	<div class="grid is-gap-1">
-		<!-- eslint-disable @typescript-eslint/no-unused-vars -->
-		{#each colorValues as colorValueRow, index}
+		{#each colorValues as colorValueRow, index (colorValueRow.index)}
 			<div class="cell">
 				<HeatmapColorRow
 					bind:colorRow={colorValues[index]}