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

src/lib/extensions.svelte.spec.ts → src/lib/extensions.spec.ts

@@ -20,7 +20,7 @@ import { beforeEach, describe, expect, test, vi } from 'vitest';
 
 import catalogOfExtensions from '../../static/api/extensions.json';
 import type { CatalogExtensionInfo } from './api/extensions-info';
-import { catalogExtensions, getCurrentExtension, initCatalog, setCurrentExtension } from './extensions.svelte';
+import { catalogExtensions, getCurrentExtension, initCatalog, setCurrentExtension } from './extensions';
 
 const fetchMock = vi.fn();
 

src/lib/ui/ExtensionByCategoryCard.spec.ts

@@ -22,7 +22,7 @@ import { fireEvent, render, screen } from '@testing-library/svelte';
 import { beforeEach, expect, test, vi } from 'vitest';
 
 import type { CatalogExtensionInfo } from '$lib/api/extensions-info';
-import { getCurrentExtension } from '$lib/extensions.svelte';
+import { getCurrentExtension } from '$lib/extensions';
 
 import ExtensionByCategoryCard from './ExtensionByCategoryCard.svelte';
 

src/lib/ui/ExtensionByCategoryCard.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 import type { CatalogExtensionInfo } from '../api/extensions-info';
-import { setCurrentExtension } from '../extensions.svelte';
+import { setCurrentExtension } from '../extensions';
 import ExtensionIcon from './ExtensionIcon.svelte';
 
 const { extension }: { extension: CatalogExtensionInfo } = $props();

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/ExtensionsDetails.svelte

@@ -2,7 +2,7 @@
 import { CloseButton } from '@podman-desktop/ui-svelte';
 
 import type { CatalogExtensionInfo } from '$lib/api/extensions-info';
-import { setCurrentExtension } from '$lib/extensions.svelte';
+import { setCurrentExtension } from '$lib/extensions';
 
 import ExtensionsDetailsBottom from './ExtensionsDetailsBottom.svelte';
 import ExtensionsDetailsTop from './ExtensionsDetailsTop.svelte';

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.svelte

@@ -7,7 +7,7 @@ const { extensionsByCategories }: { extensionsByCategories: ExtensionByCategoryI
 </script>
 
 <div class="flex flex-col h-full">
-	{#each extensionsByCategories as extensionByCategoryInfo}
+	{#each extensionsByCategories as extensionByCategoryInfo (extensionByCategoryInfo.category)}
 		<ExtensionsByCategory {extensionByCategoryInfo} />
 	{/each}
 </div>

src/routes/+page.svelte

@@ -2,11 +2,11 @@
 import { onMount } from 'svelte';
 
 import Appearance from '$lib/Appearance.svelte';
+import { catalogExtensions, getCurrentExtension, initCatalog } from '$lib/extensions';
 import ExtensionsDetails from '$lib/ui/ExtensionsDetails.svelte';
 import ExtensionsList from '$lib/ui/ExtensionsList.svelte';
 
 import type { ExtensionByCategoryInfo } from '../lib/api/extensions-info';
-import { catalogExtensions, getCurrentExtension, initCatalog } from '../lib/extensions.svelte';
 
 const uniqueCategories: string[] = $state([]);
 const extensionsByCategories: ExtensionByCategoryInfo[] = $state([]);

src/routes/page.svelte.spec.ts

@@ -21,7 +21,7 @@ import '@testing-library/jest-dom/vitest';
 import { render, screen } from '@testing-library/svelte';
 import { beforeEach, expect, test, vi } from 'vitest';
 
-import { catalogExtensions } from '$lib/extensions.svelte';
+import { catalogExtensions } from '$lib/extensions';
 
 import catalogOfExtensions from '../../static/api/extensions.json';
 import Page from './+page.svelte';