chore: resolve lint issues

logos-innovation-lab · Dec 29, 2023 · b49d54c · b49d54c
1 parent fb2b60e
commit b49d54c
Show file tree

Hide file tree

Showing 50 changed files with 103 additions and 93 deletions.
diff --git a/.eslintignore b/.eslintignore
@@ -1,6 +1,7 @@
 .DS_Store
 node_modules
 /build
+/dist
 /.svelte-kit
 /package
 .env

diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -1,23 +1,31 @@
+/** @type { import("eslint").Linter.Config } */
 module.exports = {
 	root: true,
+	extends: [
+		'eslint:recommended',
+		'plugin:@typescript-eslint/recommended',
+		'plugin:svelte/recommended',
+		'prettier',
+	],
 	parser: '@typescript-eslint/parser',
-	extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
-	plugins: ['svelte3', '@typescript-eslint'],
-	ignorePatterns: ['*.cjs'],
-	overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
-	settings: {
-		'svelte3/typescript': () => require('typescript'),
-	},
+	plugins: ['@typescript-eslint'],
 	parserOptions: {
 		sourceType: 'module',
 		ecmaVersion: 2020,
+		extraFileExtensions: ['.svelte'],
 	},
 	env: {
 		browser: true,
 		es2017: true,
 		node: true,
 	},
-	globals: {
-		svelte: true,
-	},
+	overrides: [
+		{
+			files: ['*.svelte'],
+			parser: 'svelte-eslint-parser',
+			parserOptions: {
+				parser: '@typescript-eslint/parser',
+			},
+		},
+	],
 }
diff --git a/src/lib/components/data-display/badge.svelte b/src/lib/components/data-display/badge.svelte
@@ -2,16 +2,17 @@
 	import type { HTMLAttributes } from 'svelte/elements'
 
 	type Variant = 'primary' | 'secondary' | 'overlay'
-	let className: string | undefined | null = undefined
-	export { className as class }
-	export let variant: Variant = 'primary'
 
 	interface Props extends HTMLAttributes<HTMLSpanElement> {
 		variant?: Variant
 		class?: string | null
 	}
 
 	type $$Props = Props
+
+	export let variant: $$Props['variant'] = 'primary'
+	let className: $$Props['class'] = undefined
+	export { className as class }
 </script>
 
 <span class={`badge ${variant} small-sans ${className}`} {...$$restProps}>

diff --git a/src/lib/components/data-display/typography.svelte b/src/lib/components/data-display/typography.svelte
@@ -16,18 +16,18 @@
 		| 'serif-italic'
 	type Element = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span'
 
-	let className: string | undefined | null = undefined
-	export { className as class }
-	export let variant: Variant = 'serif'
-	export let element: Element = 'span'
-
 	type Props = {
 		class?: string | null
 		variant?: Variant
 		element?: Element
 	}
 
 	type $$Props = (HTMLAttributes<HTMLHeadingElement> | HTMLAttributes<HTMLSpanElement>) & Props
+
+	let className: $$Props['class'] = undefined
+	export { className as class }
+	export let variant: $$Props['variant'] = 'serif'
+	export let element: $$Props['element'] = 'span'
 </script>
 
 <svelte:element this={element} class={`${variant} ${className}`} {...$$restProps}>

diff --git a/src/lib/components/inputs/button.svelte b/src/lib/components/inputs/button.svelte
@@ -4,13 +4,31 @@
 
 	type Variant = 'primary' | 'secondary' | 'overlay'
 
-	let className: string | undefined | null = undefined
+	type Props = {
+		class?: string | null
+		variant?: Variant
+		active?: boolean
+	}
+
+	interface AnchorElement extends Props, HTMLAnchorAttributes {
+		href?: HTMLAnchorAttributes['href']
+		type?: never
+	}
+
+	interface ButtonElement extends Props, HTMLButtonAttributes {
+		type?: HTMLButtonAttributes['type']
+		href?: never
+	}
+
+	type $$Props = AnchorElement | ButtonElement
+
+	let className: $$Props['class'] = undefined
 	export { className as class }
-	export let href: HTMLAnchorAttributes['href'] = undefined
-	export let type: HTMLButtonAttributes['type'] = undefined
-	export let role: HTMLButtonAttributes['role'] = undefined
-	export let variant: Variant = 'secondary'
-	export let active: boolean = false
+	export let href: $$Props['href'] = undefined
+	export let type: $$Props['type'] = undefined
+	export let role: $$Props['role'] = undefined
+	export let variant: $$Props['variant'] = 'secondary'
+	export let active: $$Props['active'] = false
 
 	let buttonElement: HTMLButtonElement | HTMLAnchorElement
 	let singleSVG = false
@@ -33,24 +51,6 @@
 			singleSVG = true
 		}
 	})
-
-	type Props = {
-		class?: string | null
-		variant?: Variant
-		active?: boolean
-	}
-
-	interface AnchorElement extends Props, HTMLAnchorAttributes {
-		href?: HTMLAnchorAttributes['href']
-		type?: never
-	}
-
-	interface ButtonElement extends Props, HTMLButtonAttributes {
-		type?: HTMLButtonAttributes['type']
-		href?: never
-	}
-
-	type $$Props = AnchorElement | ButtonElement
 </script>
 
 <svelte:element

diff --git a/src/lib/components/inputs/input-text.svelte b/src/lib/components/inputs/input-text.svelte
@@ -1,13 +1,6 @@
 <script lang="ts">
 	import type { HTMLInputAttributes } from 'svelte/elements'
 
-	export let value = ''
-	export let placeholder: string | undefined | null = undefined
-	export let autofocus: boolean | undefined | null = false
-	export let disabled: boolean | undefined | null = false
-	export let label: string | undefined | null = undefined
-	export let unit: string | undefined | null = undefined
-
 	interface Props extends HTMLInputAttributes {
 		disabled?: boolean | null
 		label?: string | null
@@ -16,6 +9,13 @@
 	}
 
 	type $$Props = Props
+
+	export let value = ''
+	export let placeholder: $$Props['placeholder'] = undefined
+	export let autofocus: $$Props['autofocus'] = false
+	export let disabled: $$Props['disabled'] = false
+	export let label: $$Props['label'] = undefined
+	export let unit: $$Props['unit'] = undefined
 </script>
 
 <label class:disabled>

diff --git a/src/lib/icons/add-comment.svelte b/src/lib/icons/add-comment.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/add.svelte b/src/lib/icons/add.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/arrow-down-right.svelte b/src/lib/icons/arrow-down-right.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/arrow-right.svelte b/src/lib/icons/arrow-right.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/arrow-up-right.svelte b/src/lib/icons/arrow-up-right.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/arrow-up.svelte b/src/lib/icons/arrow-up.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/arrows-vertical.svelte b/src/lib/icons/arrows-vertical.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/asleep.svelte b/src/lib/icons/asleep.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/bullhorn.svelte b/src/lib/icons/bullhorn.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/camera.svelte b/src/lib/icons/camera.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/caret-down.svelte b/src/lib/icons/caret-down.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/chat-bot.svelte b/src/lib/icons/chat-bot.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/chat-launch.svelte b/src/lib/icons/chat-launch.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/checkmark-filled.svelte b/src/lib/icons/checkmark-filled.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/checkmark.svelte b/src/lib/icons/checkmark.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/chevron-down.svelte b/src/lib/icons/chevron-down.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/chevron-left.svelte b/src/lib/icons/chevron-left.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/chevron-right.svelte b/src/lib/icons/chevron-right.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/chevron-up.svelte b/src/lib/icons/chevron-up.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/close.svelte b/src/lib/icons/close.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/copy-link.svelte b/src/lib/icons/copy-link.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/copy.svelte b/src/lib/icons/copy.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>

diff --git a/src/lib/icons/data-view-alt.svelte b/src/lib/icons/data-view-alt.svelte
@@ -3,7 +3,7 @@
 
 	type $$Props = IconProps
 
-	export let size = 20
+	export let size: $$Props['size'] = 20
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>