Update Vue dependencies and migrate tsconfig to @vue/tsconfig 0.7, ESLint flat config

Author: AlisherAmonulloev

Vue/.eslintignore

@@ -0,0 +1,19 @@
+import tsParser from '@typescript-eslint/parser';
+import spellCheck from 'eslint-config-devextreme/spell-check';
+import vueConfig from 'eslint-config-devextreme/vue';
+
+export default [
+  {
+    ignores: ['node_modules/**', 'dist/**', 'eslint.config.js', 'stylelint.config.mjs'],
+  },
+  ...spellCheck,
+  ...vueConfig,
+  {
+    files: ['**/*.vue'],
+    languageOptions: {
+      parserOptions: {
+        parser: tsParser,
+      },
+    },
+  },
+];

Vue/.eslintrc.cjs

@@ -1,6 +1,7 @@
 {
   "name": "vue-project",
   "version": "0.0.0",
+  "type": "module",
   "private": true,
   "scripts": {
     "dev": "vite",
@@ -9,7 +10,7 @@
     "test:unit": "vitest --environment jsdom --root src/",
     "build-only": "vite build",
     "type-check": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .eslintignore"
+    "lint": "eslint . --fix"
   },
   "dependencies": {
     "devextreme": "25.2.3",
@@ -19,24 +20,24 @@
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.1.4",
-    "@types/jsdom": "^20.0.1",
-    "@types/node": "^18.11.12",
-    "@vitejs/plugin-vue": "^4.0.0",
-    "@vitejs/plugin-vue-jsx": "^3.0.0",
-    "@vue/eslint-config-prettier": "^7.0.0",
-    "@vue/eslint-config-typescript": "^11.0.0",
+    "@types/jsdom": "^21.0.0",
+    "@types/node": "^22.0.0",
+    "@vitejs/plugin-vue": "^5.0.0",
+    "@vitejs/plugin-vue-jsx": "^4.0.0",
+    "@vue/eslint-config-prettier": "^9.0.0",
+    "@vue/eslint-config-typescript": "^14.0.0",
     "@vue/test-utils": "^2.2.6",
-    "@vue/tsconfig": "^0.1.3",
-    "eslint": "^8.22.0",
-    "eslint-config-devextreme": "1.1.6",
+    "@vue/tsconfig": "^0.7.0",
+    "eslint": "9.18.0",
+    "eslint-config-devextreme": "1.1.10",
     "eslint-plugin-no-only-tests": "^3.1.0",
-    "eslint-plugin-vue": "^9.3.0",
-    "jsdom": "^20.0.3",
+    "eslint-plugin-vue": "^10.4.0",
+    "jsdom": "^24.0.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.7.1",
-    "typescript": "~4.7.4",
-    "vite": "^4.0.0",
-    "vitest": "^0.25.6",
-    "vue-tsc": "^1.0.12"
+    "prettier": "^3.0.0",
+    "typescript": "~5.4.5",
+    "vite": "^6.0.0",
+    "vitest": "^2.0.0",
+    "vue-tsc": "^2.0.0"
   }
 }

Vue/.stylelintrc.json

@@ -1,10 +1,11 @@
 {
-  "extends": "@vue/tsconfig/tsconfig.web.json",
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
   "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
   "exclude": ["src/**/__tests__/*"],
   "compilerOptions": {
     "composite": true,
     "baseUrl": ".",
+    "verbatimModuleSyntax": true,
     "paths": {
       "@/*": ["./src/*"]
     }

Vue/eslint.config.js

@@ -1,8 +1,9 @@
 {
-  "extends": "@vue/tsconfig/tsconfig.node.json",
+  "extends": "@vue/tsconfig/tsconfig.json",
   "include": ["vite.config.*", "vitest.config.*", "cypress.config.*", "playwright.config.*"],
   "compilerOptions": {
     "composite": true,
-    "types": ["node"]
+    "types": ["node"],
+    "verbatimModuleSyntax": true
   }
 }