Fix eslint

Author: MaddyGuthridge

eslint.config.mjs

@@ -1,16 +1,41 @@
 // @ts-check
-
-import eslint from '@eslint/js';
-import tseslint from 'typescript-eslint';
-import eslintPluginSvelte from 'eslint-plugin-svelte';
+import js from '@eslint/js';
+import ts from 'typescript-eslint';
+import svelte from 'eslint-plugin-svelte';
 import globals from 'globals';
 
-export default tseslint.config(
-  eslint.configs.recommended,
-  ...tseslint.configs.recommended,
-  ...tseslint.configs.strict,
-  ...tseslint.configs.stylistic,
-  ...eslintPluginSvelte.configs['flat/recommended'],
+export default ts.config(
+  js.configs.recommended,
+  ...ts.configs.recommended,
+  ...svelte.configs['flat/recommended'],
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+        // Seemingly not defined in `globals.browser`
+        ScrollBehavior: 'readonly',
+      }
+    }
+  },
+  {
+    files: ['**/*.svelte'],
+    languageOptions: {
+      parserOptions: {
+        parser: ts.parser
+      }
+    }
+  },
+  {
+    rules: {
+      // Allow explicit any, to avoid type gymnastics
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-unused-vars": ["error", {
+        argsIgnorePattern: "^_",
+        caughtErrors: "none",
+      }]
+    },
+  },
   {
     ignores: [
       "**/.DS_Store",
@@ -28,20 +53,5 @@ export default tseslint.config(
       "**/vitest.config.ts",
       "eslint.config.mjs",
     ],
-    languageOptions: {
-      globals: {
-        ...globals.node,
-        ...globals.browser,
-      }
-    },
-    rules: {
-      // Allow explicit any, to avoid type gymnastics
-      "@typescript-eslint/no-explicit-any": "off",
-      "@typescript-eslint/no-unused-vars": ["error", {
-        argsIgnorePattern: "^_",
-        caughtErrors: "none",
-      }]
-    },
   },
 );
-

package-lock.json

@@ -62,7 +62,7 @@
 		"svelte-jester": "^3.0.0",
 		"sync-request-curl": "^3.0.0",
 		"tslib": "^2.4.1",
-		"typescript": "^5.6.2",
+		"typescript": "~5.5.0",
 		"typescript-eslint": "^8.7.0",
 		"vite": "^5.4.6",
 		"vitest": "^2.0.5"

package.json

@@ -2,7 +2,7 @@
   import { tooltip } from '$lib/tooltip';
 
   export let text: string;
-  export let hint: string = 'Copy';
+  export let hint = 'Copy';
 
   async function copy() {
     await navigator.clipboard.writeText(text);

src/components/CopyButton.svelte

@@ -6,14 +6,14 @@
   /** Location to link to, or `false` to not give a link */
   export let link: string | false = false;
   /** Whether to open link in new tab */
-  export let newTab: boolean = false;
+  export let newTab = false;
   /** Color to use for the card */
   export let color: string;
   /** Whether the card has an icon */
-  export let hasIcon: boolean = false;
+  export let hasIcon = false;
 
   const dispatch = createEventDispatcher<{
-    click: void,
+    click: undefined,
   }>();
 
   $: baseColor = Color(color).lightness(85).hex();

src/components/card/Card.svelte

@@ -15,7 +15,7 @@
   /** Whether edit mode is active */
   export let editing: boolean;
   /** Whether to give the option to create a group in edit mode */
-  export let createOption: boolean = false;
+  export let createOption = false;
 
   const dispatch = createEventDispatcher<{
     click: { groupId: string },

src/components/card/GroupCardGrid.svelte

@@ -16,7 +16,7 @@
   /** Whether edit mode is active */
   export let editing: boolean;
   /** Whether to give the option to create an item in edit mode */
-  export let createOption: boolean = false;
+  export let createOption = false;
 
   const dispatch = createEventDispatcher<{
     click: { itemId: string },

src/components/card/ItemCardGrid.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
   import { packageIsWithProvider, packageProviders } from '$lib/packageInfo';
   import { Card } from '.';
-  import { tooltip } from '$lib/tooltip';
   import type { PackageInfo } from '$lib/server/data/itemPackage';
-    import CopyButton from '$components/CopyButton.svelte';
+  import CopyButton from '$components/CopyButton.svelte';
 
   export let info: PackageInfo;
   export let color: string;
@@ -27,10 +26,6 @@
     packageIsWithProvider(info)
       ? packageProviders[info.provider].makeInstallCmd(info.id)
       : info.command);
-
-  async function copyInstallCommand() {
-    await navigator.clipboard.writeText(installCommand);
-  }
 </script>
 
 <Card

src/components/card/PackageCard.svelte

@@ -11,7 +11,7 @@
   /** Location to link to on click (or `undefined` for no link) */
   export let link: string | undefined;
   /** Whether the chip should render as selected (filled) */
-  export let selected: boolean = false;
+  export let selected = false;
 
   $: fillColor = selected ? Color(color).lightness(80).hex() : Color(color).lightness(95).hex();
   $: borderColor = selected ? Color(color).lightness(50).hex() : Color(color).lightness(85).hex();

src/components/chip/Chip.svelte

@@ -4,8 +4,8 @@
 
   export let globals: PortfolioGlobals;
   export let groupId: string;
-  export let link: boolean = false;
-  export let selected: boolean = false;
+  export let link = false;
+  export let selected = false;
 
   $: group = globals.groups[groupId];
 </script>