fix: adapt code from eslint-plugin-svelte 3.0.x rules

Signed-off-by: Jeff MAURY <[email protected]>

Author: jeffmaury

eslint.config.mjs

@@ -201,7 +201,7 @@ export default [
   },
 
   {
-    files: ['**/*.svelte'],
+    files: ['**/*.svelte', '**/*.svelte.ts'],
 
     languageOptions: {
       parser: svelteParser,

src/lib/ui/ExtensionsByCategory.svelte

@@ -15,7 +15,7 @@ const { extensionByCategoryInfo }: { extensionByCategoryInfo: ExtensionByCategor
 		role="region"
 		aria-label="Extensions of category {extensionByCategoryInfo.category}"
 	>
-		{#each extensionByCategoryInfo.extensions as extension}
+		{#each extensionByCategoryInfo.extensions as extension (extension.id)}
 			<ExtensionByCategoryCard {extension} />
 		{/each}
 	</div>

src/lib/ui/ExtensionsDetailsBottom.svelte

@@ -46,7 +46,7 @@ $effect(() => {
 					<th>Version</th>
 					<th>Released</th>
 				</tr>
-				{#each versions as version}
+				{#each versions as version (version.version)}
 					<tr>
 						<td>{version.version}</td>
 						<td>{moment(version.lastUpdated).format('YYYY-MM-DD')}</td>

src/lib/ui/ExtensionsList.spec.ts

@@ -119,6 +119,7 @@ test('if per_page is passed in with 4, it should show last 4 extensions even if
       category: 'category1',
       extensions: [
         {
+          id: 'dummy1',
           displayName: 'dummy1',
           versions: [
             {
@@ -129,6 +130,7 @@ test('if per_page is passed in with 4, it should show last 4 extensions even if
           ],
         } as unknown as CatalogExtensionInfo,
         {
+          id: 'dummy2',
           displayName: 'dummy2',
           versions: [
             {
@@ -139,6 +141,7 @@ test('if per_page is passed in with 4, it should show last 4 extensions even if
           ],
         } as unknown as CatalogExtensionInfo,
         {
+          id: 'dummy3',
           displayName: 'dummy3',
           versions: [
             {
@@ -149,6 +152,7 @@ test('if per_page is passed in with 4, it should show last 4 extensions even if
           ],
         } as unknown as CatalogExtensionInfo,
         {
+          id: 'dummy4',
           displayName: 'dummy4',
           versions: [
             {
@@ -159,6 +163,7 @@ test('if per_page is passed in with 4, it should show last 4 extensions even if
           ],
         } as unknown as CatalogExtensionInfo,
         {
+          id: 'dummy5',
           displayName: 'dummy5',
           versions: [
             {

src/lib/ui/ExtensionsList.svelte

@@ -40,7 +40,7 @@ $effect(() => {
 
 <div class="flex flex-col h-full">
 	{#if showCategories}
-		{#each extensionsByCategories as extensionByCategoryInfo}
+		{#each extensionsByCategories as extensionByCategoryInfo (extensionByCategoryInfo.category)}
 			<ExtensionsByCategory {extensionByCategoryInfo} />
 		{/each}
 	{:else}
@@ -49,7 +49,7 @@ $effect(() => {
 		role="region"
 		aria-label="Filtered extensions"
 		>
-			{#each filteredExtensions as extension}
+			{#each filteredExtensions as extension (extension.id)}
 				<ExtensionByCategoryCard {extension} />
 			{/each}
 		</div>