diff --git a/.eslintrc.js b/.eslintrc.js
deleted file mode 100644
index e9cca972..00000000
--- a/.eslintrc.js
+++ /dev/null
@@ -1,93 +0,0 @@
-const defaultRules = {
-	// No console statements in production
-	'no-console': process.env.NODE_ENV !== 'development' ? 'error' : 'off',
-	// No debugger statements in production
-	'no-debugger': process.env.NODE_ENV !== 'development' ? 'error' : 'off',
-	// Enforce prettier formatting
-	'prettier/prettier': 'error',
-	'padding-line-between-statements': [
-		'error',
-		{
-			blankLine: 'always',
-			prev: [
-				'block',
-				'block-like',
-				'cjs-export',
-				'class',
-				'export',
-				'import',
-				'multiline-block-like',
-				'multiline-const',
-				'multiline-expression',
-				'multiline-let',
-				'multiline-var',
-			],
-			next: '*',
-		},
-		{
-			blankLine: 'always',
-			prev: ['const', 'let'],
-			next: ['block', 'block-like', 'cjs-export', 'class', 'export', 'import'],
-		},
-		{
-			blankLine: 'always',
-			prev: '*',
-			next: ['multiline-block-like', 'multiline-const', 'multiline-expression', 'multiline-let', 'multiline-var'],
-		},
-		{ blankLine: 'any', prev: ['export', 'import'], next: ['export', 'import'] },
-	],
-	'lines-between-class-members': ['error', 'always', { exceptAfterSingleLine: true }],
-	'no-nested-ternary': 'error',
-	curly: ['error', 'multi-line'],
-};
-
-module.exports = {
-	// Stop looking for ESLint configurations in parent folders
-	root: true,
-	// Global variables: Browser and Node.js
-	env: {
-		browser: true,
-		node: true,
-	},
-	// Basic configuration for js files
-	plugins: ['@typescript-eslint', 'prettier'],
-	extends: ['eslint:recommended', 'prettier'],
-	rules: defaultRules,
-	parserOptions: {
-		ecmaVersion: 2022,
-		sourceType: 'module',
-	},
-	overrides: [
-		// Configuration for ts/vue files
-		{
-			files: ['*.ts', '*.vue'],
-			parser: 'vue-eslint-parser',
-			parserOptions: {
-				parser: '@typescript-eslint/parser',
-			},
-			extends: [
-				'plugin:vue/vue3-recommended',
-				'eslint:recommended',
-				'plugin:@typescript-eslint/recommended',
-				'prettier',
-			],
-			rules: {
-				...defaultRules,
-				'vue/multi-word-component-names': 'off',
-				'vue/require-default-prop': 'off',
-				// It's recommended to turn off this rule on TypeScript projects
-				'no-undef': 'off',
-				// Allow ts-directive comments (used to suppress TypeScript compiler errors)
-				'@typescript-eslint/ban-ts-comment': 'off',
-				// Allow usage of the any type (consider to enable this rule later on)
-				'@typescript-eslint/no-explicit-any': 'off',
-				// Allow usage of require statements (consider to enable this rule later on)
-				'@typescript-eslint/no-var-requires': 'off',
-				// Allow non-null assertions for now (consider to enable this rule later on)
-				'@typescript-eslint/no-non-null-assertion': 'off',
-				// Allow unused arguments and variables when they begin with an underscore
-				'@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_', varsIgnorePattern: '^_' }],
-			},
-		},
-	],
-};
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 00000000..e512fc5a
--- /dev/null
+++ b/eslint.config.mjs
@@ -0,0 +1,186 @@
+import typescriptEslint from '@typescript-eslint/eslint-plugin';
+import prettier from 'eslint-plugin-prettier';
+import globals from 'globals';
+import parser from 'vue-eslint-parser';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import js from '@eslint/js';
+import { FlatCompat } from '@eslint/eslintrc';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const compat = new FlatCompat({
+	baseDirectory: __dirname,
+	recommendedConfig: js.configs.recommended,
+	allConfig: js.configs.all,
+});
+
+export default [
+	{
+		ignores: ['**/node_modules', '**/dist'],
+	},
+	...compat.extends('eslint:recommended', 'prettier'),
+	{
+		plugins: {
+			'@typescript-eslint': typescriptEslint,
+			prettier,
+		},
+
+		languageOptions: {
+			globals: {
+				...globals.browser,
+				...globals.node,
+			},
+
+			ecmaVersion: 2022,
+			sourceType: 'module',
+		},
+
+		rules: {
+			'no-console': 'error',
+			'no-debugger': 'error',
+			'prettier/prettier': 'error',
+
+			'padding-line-between-statements': [
+				'error',
+				{
+					blankLine: 'always',
+
+					prev: [
+						'block',
+						'block-like',
+						'cjs-export',
+						'class',
+						'export',
+						'import',
+						'multiline-block-like',
+						'multiline-const',
+						'multiline-expression',
+						'multiline-let',
+						'multiline-var',
+					],
+
+					next: '*',
+				},
+				{
+					blankLine: 'always',
+					prev: ['const', 'let'],
+					next: ['block', 'block-like', 'cjs-export', 'class', 'export', 'import'],
+				},
+				{
+					blankLine: 'always',
+					prev: '*',
+
+					next: ['multiline-block-like', 'multiline-const', 'multiline-expression', 'multiline-let', 'multiline-var'],
+				},
+				{
+					blankLine: 'any',
+					prev: ['export', 'import'],
+					next: ['export', 'import'],
+				},
+			],
+
+			'lines-between-class-members': [
+				'error',
+				'always',
+				{
+					exceptAfterSingleLine: true,
+				},
+			],
+
+			'no-nested-ternary': 'error',
+			curly: ['error', 'multi-line'],
+		},
+	},
+	...compat
+		.extends('plugin:vue/vue3-recommended', 'eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier')
+		.map((config) => ({
+			...config,
+			files: ['**/*.ts', '**/*.vue'],
+		})),
+	{
+		files: ['**/*.ts', '**/*.vue'],
+
+		languageOptions: {
+			parser: parser,
+			ecmaVersion: 5,
+			sourceType: 'script',
+
+			parserOptions: {
+				parser: '@typescript-eslint/parser',
+			},
+		},
+
+		rules: {
+			'no-console': 'error',
+			'no-debugger': 'error',
+			'prettier/prettier': 'error',
+
+			'padding-line-between-statements': [
+				'error',
+				{
+					blankLine: 'always',
+
+					prev: [
+						'block',
+						'block-like',
+						'cjs-export',
+						'class',
+						'export',
+						'import',
+						'multiline-block-like',
+						'multiline-const',
+						'multiline-expression',
+						'multiline-let',
+						'multiline-var',
+					],
+
+					next: '*',
+				},
+				{
+					blankLine: 'always',
+					prev: ['const', 'let'],
+					next: ['block', 'block-like', 'cjs-export', 'class', 'export', 'import'],
+				},
+				{
+					blankLine: 'always',
+					prev: '*',
+
+					next: ['multiline-block-like', 'multiline-const', 'multiline-expression', 'multiline-let', 'multiline-var'],
+				},
+				{
+					blankLine: 'any',
+					prev: ['export', 'import'],
+					next: ['export', 'import'],
+				},
+			],
+
+			'lines-between-class-members': [
+				'error',
+				'always',
+				{
+					exceptAfterSingleLine: true,
+				},
+			],
+
+			'no-nested-ternary': 'error',
+			curly: ['error', 'multi-line'],
+			'vue/multi-word-component-names': 'off',
+			'vue/require-default-prop': 'off',
+			'no-undef': 'off',
+			'@typescript-eslint/ban-ts-comment': 'off',
+			'@typescript-eslint/no-explicit-any': 'off',
+			'@typescript-eslint/no-var-requires': 'off',
+			'@typescript-eslint/no-non-null-assertion': 'off',
+
+			'@typescript-eslint/no-unused-vars': [
+				'warn',
+				{
+					argsIgnorePattern: '^_',
+					varsIgnorePattern: '^_',
+				},
+			],
+		},
+	},
+];