diff --git a/eslint.config.cjs b/eslint.config.cjs
new file mode 100644
index 0000000..fae6b58
--- /dev/null
+++ b/eslint.config.cjs
@@ -0,0 +1,50 @@
+/** @type { import("eslint").Linter.Config } */
+module.exports = {
+  files: ['**/*.js', '**/*.ts', '**/*.svelte'],
+  languageOptions: {
+    ecmaVersion: 2022,
+    sourceType: 'module',
+    extraFileExtensions: ['.svelte']
+  },
+  environments: {
+    browser: true,
+    es2021: true,
+    node: true
+  },
+  globals: {},
+  parser: '@typescript-eslint/parser',
+  processor: 'svelte-eslint-parser',
+  linterOptions: {
+    reportUnusedDisableDirectives: 'error'
+  },
+  rules: {
+    'import/export': 'error',
+    'import/no-empty-named-blocks': 'error',
+    'import/no-absolute-path': 'error',
+    'import/no-self-import': 'error',
+    'import/no-useless-path-segments': 'error',
+    'import/newline-after-import': 'error',
+    'import/no-duplicates': 'error',
+    'import/order': 'error',
+    'no-undef': 'off'
+  },
+  settings: {
+    'svelte/typescript': function () {
+      return require('typescript');
+    },
+    'import/extensions': ['.js', '.ts', '.svelte', '.stories.ts'],
+    'import/resolver': {
+      typescript: {
+        alwaysTryTypes: true
+      }
+    }
+  },
+  overrides: [
+    {
+      files: ['*.svelte'],
+      languageOptions: {
+        parser: '@typescript-eslint/parser'
+      }
+    }
+  ]
+};
diff --git a/src/lib/component/Icon.svelte b/src/lib/component/Icon.svelte
index 8d56172..2325b8b 100644
--- a/src/lib/component/Icon.svelte
+++ b/src/lib/component/Icon.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { Icon } from 'svelte-icons-pack';
-  import type {IconType} from 'svelte-icons-pack';
+  import type { IconType } from 'svelte-icons-pack';
 
   export let src: IconType;
   export let href: string | undefined = undefined;
diff --git a/src/lib/component/Icons.ts b/src/lib/component/Icons.ts
index 6990d01..a67e33b 100644
--- a/src/lib/component/Icons.ts
+++ b/src/lib/component/Icons.ts
@@ -1,13 +1,13 @@
-import {FaBrandsInstagram} from 'svelte-icons-pack/fa';
-import {FaBrandsTwitter} from 'svelte-icons-pack/fa';
-import {FaBrandsFacebook} from 'svelte-icons-pack/fa';
-import {FaBrandsGithub} from 'svelte-icons-pack/fa';
-import {IoMail} from 'svelte-icons-pack/io';
-import {FaBrandsLinkedin} from 'svelte-icons-pack/fa';
-import {FaSolidUser} from 'svelte-icons-pack/fa';
-import {FaSolidBars} from 'svelte-icons-pack/fa';
-import {IoClose} from 'svelte-icons-pack/io';
-import {FaSolidGlobe} from 'svelte-icons-pack/fa';
+import { FaBrandsInstagram } from 'svelte-icons-pack/fa';
+import { FaBrandsTwitter } from 'svelte-icons-pack/fa';
+import { FaBrandsFacebook } from 'svelte-icons-pack/fa';
+import { FaBrandsGithub } from 'svelte-icons-pack/fa';
+import { IoMail } from 'svelte-icons-pack/io';
+import { FaBrandsLinkedin } from 'svelte-icons-pack/fa';
+import { FaSolidUser } from 'svelte-icons-pack/fa';
+import { FaSolidBars } from 'svelte-icons-pack/fa';
+import { IoClose } from 'svelte-icons-pack/io';
+import { FaSolidGlobe } from 'svelte-icons-pack/fa';
 
 const Icons = {
   Instagram: FaBrandsInstagram,