chore: fix newly generated eslint errors

Author: ACTCD

eslint.config.js

@@ -22,8 +22,8 @@ export default [
 	/**
 	 * @see {@link https://github.com/sveltejs/eslint-plugin-svelte}
 	 */
-	...eslintPluginSvelte.configs["flat/recommended"],
-	...eslintPluginSvelte.configs["flat/prettier"],
+	...eslintPluginSvelte.configs.recommended,
+	...eslintPluginSvelte.configs.prettier,
 
 	/**
 	 * @see {@link https://github.com/prettier/eslint-config-prettier}

src/app/App.svelte

@@ -136,7 +136,7 @@
 		{/if}
 		{#if enableLogger}
 			<div class="debug">
-				<Dropdown icon={IconDebug} title={"New item"} right>
+				<Dropdown icon={IconDebug} title="New item" right>
 					<button onclick={exportLogFiles}>
 						{gl("export_log_files")}
 					</button>

src/ext/action-popup/App.svelte

@@ -495,7 +495,7 @@
 
 {#if showUpdates}
 	<View
-		headerTitle={"Updates"}
+		headerTitle="Updates"
 		loading={disabled}
 		closeClick={() => (showUpdates = false)}
 		showLoaderOnDisabled={true}
@@ -511,7 +511,7 @@
 	</View>
 {:else if showInstall}
 	<View
-		headerTitle={"Install Userscript"}
+		headerTitle="Install Userscript"
 		loading={disabled}
 		closeClick={() => (showInstall = false)}
 		showLoaderOnDisabled={true}
@@ -525,7 +525,7 @@
 	</View>
 {:else if showAll}
 	<View
-		headerTitle={"All Userscripts"}
+		headerTitle="All Userscripts"
 		loading={disabled}
 		closeClick={() => {
 			showAll = false;
@@ -540,26 +540,26 @@
 		<div class="buttons">
 			<IconButton
 				icon={iconOpen}
-				title={"Open save location"}
+				title="Open save location"
 				on:click={openSaveLocation}
 				{disabled}
 			/>
 			<IconButton
 				icon={iconUpdate}
 				infoDot={!!updates.length}
 				on:click={() => (showUpdates = true)}
-				title={"Show updates"}
+				title="Show updates"
 				{disabled}
 			/>
 			<IconButton
 				icon={iconRefresh}
 				on:click={refreshView}
-				title={"Refresh view"}
+				title="Refresh view"
 				{disabled}
 			/>
 			<Toggle
 				checked={active}
-				title={"Toggle injection"}
+				title="Toggle injection"
 				on:click={toggleExtension}
 				{disabled}
 			/>
@@ -574,7 +574,7 @@
 				<IconButton
 					icon={iconClear}
 					on:click={() => (showBetaNews = false)}
-					title={"Close"}
+					title="Close"
 				/>
 			</div>
 		{/if}
@@ -595,7 +595,7 @@
 				<IconButton
 					icon={iconClear}
 					on:click={() => (errorNotification = undefined)}
-					title={"Clear error"}
+					title="Clear error"
 				/>
 			</div>
 		{/if}

src/ext/action-popup/Components/View.svelte

@@ -24,7 +24,7 @@
 <div class="view" transition:slide>
 	<div class="view__header">
 		{headerTitle}
-		<IconButton icon={iconArrowLeft} title={"Go back"} on:click={closeClick} />
+		<IconButton icon={iconArrowLeft} title="Go back" on:click={closeClick} />
 	</div>
 	<div class="view__body">
 		{#if loading && showLoaderOnDisabled}

src/ext/action-popup/Components/Views/InstallView.svelte

@@ -25,31 +25,31 @@
 			{#if userscript.match}
 				<li class="userscript--field">
 					<div>@match</div>
-					{#each userscript.match as match}
+					{#each userscript.match as match (match)}
 						<div class="truncate">{match}</div>
 					{/each}
 				</li>
 			{/if}
 			{#if userscript.include}
 				<li class="userscript--field">
 					<div>@include</div>
-					{#each userscript.include as include}
+					{#each userscript.include as include (include)}
 						<div class="truncate">{include}</div>
 					{/each}
 				</li>
 			{/if}
 			{#if userscript.require}
 				<li class="userscript--field">
 					<div>@require</div>
-					{#each userscript.require as require}
+					{#each userscript.require as require (require)}
 						<div class="truncate">{require}</div>
 					{/each}
 				</li>
 			{/if}
 			{#if userscript.grant}
 				<li class="userscript--field">
 					<div>@grant</div>
-					{#each userscript.grant as grant}
+					{#each userscript.grant as grant (grant)}
 						<div>{grant}</div>
 					{/each}
 				</li>

src/ext/extension-page/Components/Editor/Editor.svelte

@@ -197,19 +197,19 @@
 			<IconButton
 				icon={iconSync}
 				on:click={update}
-				title={"Check for updates"}
+				title="Check for updates"
 				disabled={disabled || !canUpdate}
 			/>
 			<IconButton
 				icon={iconDownload}
 				on:click={download}
-				title={"Download file"}
+				title="Download file"
 				{disabled}
 			/>
 			<IconButton
 				icon={iconTrash}
 				on:click={trash}
-				title={"Trash file"}
+				title="Trash file"
 				{disabled}
 			/>
 		</div>

src/ext/extension-page/Components/ModalWrapper.svelte

@@ -46,7 +46,7 @@
 		{#if nav}
 			<nav>
 				<ul>
-					{#each navAnchors as [node, lang]}
+					{#each navAnchors as [node, lang] (lang)}
 						<li>
 							<button on:click={() => navClick(node)}>
 								{lang}

src/ext/extension-page/Components/Settings.svelte

@@ -234,7 +234,7 @@
 </script>
 
 <div class="settings_box" bind:this={settingsBox}>
-	{#each groups as group}
+	{#each groups as group (group)}
 		<div class="section">
 			<div
 				class="section_header"
@@ -247,7 +247,7 @@
 					>
 				{/if}
 			</div>
-			{#each groupItems(group) as item}
+			{#each groupItems(group) as item (item.name)}
 				{@const ariaAttributes = {
 					"aria-labelledby": `${item.name}_label`,
 					"aria-describedby": `${item.name}_desc`,
@@ -289,7 +289,7 @@
 											$settings[item.name],
 										)}
 								>
-									{#each item.values as value}
+									{#each item.values as value (value)}
 										<option {value}>
 											{gl(`settings_${item.name}_${value}`) || value}
 										</option>
@@ -346,7 +346,7 @@
 								style:opacity={gemFocused ? 1 : "revert-layer"}
 								bind:this={gemRender}
 							>
-								{#each gemParsed.items as p}
+								{#each gemParsed.items as p (p)}
 									<!-- should not contain any newlines or indents -->
 									{p.start}{#if p.warn || p.error}<mark
 											class:warn={p.warn}

src/ext/extension-page/Components/Sidebar/Sidebar.svelte

@@ -214,10 +214,10 @@
 			warnDot={!$settings["global_active"]}
 			icon={iconSettings}
 			on:click={() => state.add("settings")}
-			title={"Open settings"}
+			title="Open settings"
 			{disabled}
 		/>
-		<Dropdown icon={iconPlus} title={"New item"} {disabled}>
+		<Dropdown icon={iconPlus} title="New item" {disabled}>
 			<button on:click={() => newItem("js")}>New JS</button>
 			<button on:click={() => newItem("css")}>New CSS</button>
 			<button on:click={newRemote}>New Remote</button>

src/ext/extension-page/Components/Sidebar/SidebarFilter.svelte

@@ -46,7 +46,7 @@
 		{disabled}
 	/>
 	<Dropdown icon={iconSort} {disabled} title={gl("settings_editor_list_sort")}>
-		{#each orders as order}
+		{#each orders as order (order)}
 			<button
 				class:selected={sortOrder === order}
 				on:click={() => updateSortOrder(order)}