eslint upgrade

dev/main.ts

@@ -1,5 +1,4 @@
 import { createApp } from 'vue'
-// @ts-ignore
 import App from './App.vue'
 import { createI18n } from 'vue-i18n'
 

eslint.config.js

@@ -0,0 +1,66 @@
+// https://stackoverflow.com/questions/78348933/how-to-use-eslint-flat-config-for-vue-with-typescript
+
+import pluginJs from '@eslint/js'
+import pluginVue from 'eslint-plugin-vue'
+import pluginN from 'eslint-plugin-n'
+import pluginPromise from 'eslint-plugin-promise'
+import pluginImport from 'eslint-plugin-import'
+import tsEslint from 'typescript-eslint'
+import standard from 'eslint-config-standard'
+
+export default tsEslint.config(
+  pluginJs.configs.recommended,
+  ...tsEslint.configs.recommended,
+  ...pluginVue.configs['flat/recommended'],
+  {
+    plugins: {
+      'typescript-eslint': tsEslint.plugin,
+      n: pluginN,
+      import: pluginImport,
+      promise: pluginPromise,
+    },
+    languageOptions: {
+      parserOptions: {
+        parser: tsEslint.parser,
+        extraFileExtensions: ['.vue'],
+        sourceType: 'module',
+      },
+    },
+    files: ['{**/*,*}.{js,ts,jsx,tsx,vue}'],
+    rules: {
+      // Nem biztos, hogy ez a legjobb módja a standard behúzásának, de a lib flat config design-t nem igazán támogatja:
+      // - https://github.com/standard/eslint-config-standard/issues/411
+      // - https://github.com/standard/eslint-config-standard/issues/410#issuecomment-2136708186
+      ...standard.rules,
+      'vue/multi-word-component-names': 'off',
+      'vue/max-attributes-per-line': [
+        'error', {
+          singleline: {
+            max: 3,
+          },
+          multiline: {
+            max: 1,
+          },
+        },
+      ],
+      'space-before-function-paren': [
+        'error',
+        {
+          anonymous: 'always',
+          named: 'never',
+          asyncArrow: 'always',
+        },
+      ],
+      'comma-dangle': [
+        'error', {
+          arrays: 'always-multiline',
+          objects: 'always-multiline',
+          imports: 'always-multiline',
+          exports: 'always-multiline',
+          functions: 'always-multiline',
+        },
+      ],
+      'object-shorthand': 'off',
+    },
+  },
+)

package.json

@@ -18,8 +18,8 @@
     "build": "vite build",
     "dev": "vite",
     "serve": "vite preview",
-    "eslint": "eslint '{**/*,*}.{js,ts,jsx,tsx,vue}' --cache",
-    "eslint:fix": "eslint '{**/*,*}.{js,ts,jsx,tsx,vue}' --fix"
+    "eslint": "eslint --cache --ignore-pattern \"dist/\"",
+    "eslint:fix": "eslint --fix --ignore-pattern \"dist/\""
   },
   "keywords": [
     "vue.js",
@@ -36,24 +36,26 @@
     "vue-i18n": "^9.0.0"
   },
   "devDependencies": {
-    "@rushstack/eslint-patch": "^1.3.3",
+    "@eslint/js": "^9.4.0",
     "@tsconfig/node20": "^20.1.2",
-    "@types/node": "^20.11.10",
-    "@vitejs/plugin-vue": "^5.0.3",
-    "@vue/eslint-config-typescript": "^12.0.0",
+    "@types/node": "^20.14.2",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/tsconfig": "^0.5.1",
-    "eslint": "^8.49.0",
+    "eslint": "^9.4.0",
     "eslint-config-standard": "^17.1.0",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-n": "^16.6.2",
+    "eslint-plugin-n": "^17.8.1",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-vue": "^9.22.0",
-    "typescript": "~5.3.0",
-    "vite": "^5.0.11",
-    "vite-plugin-dts": "^3.8.3",
-    "vue": "^3.4.21",
-    "vue-i18n": "^9.10.1",
-    "vue-tsc": "^1.8.27"
-  }
+    "eslint-plugin-promise": "^6.2.0",
+    "eslint-plugin-vue": "^9.26.0",
+    "typescript": "~5.4.5",
+    "typescript-eslint": "^7.13.0",
+    "vite": "^5.2.13",
+    "vite-plugin-dts": "^3.9.1",
+    "vue": "^3.4.27",
+    "vue-i18n": "^9.13.1",
+    "vue-tsc": "^2.0.21"
+  },
+  "dependencies": {}
 }

vite.config.ts

@@ -1,15 +1,14 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-import { resolve } from 'node:path'
-import * as path from 'path'
 import dts from 'vite-plugin-dts'
+import { fileURLToPath, URL } from 'node:url'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [vue(), dts()],
   build: {
     lib: {
-      entry: resolve(__dirname, 'src/index.ts'),
+      entry: fileURLToPath(new URL('./src/index.ts', import.meta.url)),
       formats: ['es'],
       name: 'VueFormValidator',
       fileName: 'vue-form-validator',
@@ -27,11 +26,8 @@ export default defineConfig({
     },
   },
   resolve: {
-    alias: [
-      {
-        find: '@',
-        replacement: path.resolve(__dirname, './src'),
-      },
-    ],
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
   },
 })