CHANGELOG.md

+## [3.0.15](https://gitlab.kilic.dev/config/eslint-config/compare/v3.0.14...v3.0.15) (2024-10-19)
+
+
+### Bug Fixes
+
+* update with vue rules ([ac48f80](https://gitlab.kilic.dev/config/eslint-config/commit/ac48f805001b8ede0c46125d61a2488f4b43242e))
+
 ## [3.0.14](https://gitlab.kilic.dev/config/eslint-config/compare/v3.0.13...v3.0.14) (2024-10-19)
 
 

constants.js

-export const EXTENSIONS = ['**/*.js', '**/*.mjs', '**/*.cjs', '**/*.ts', '**/*.mts', '**/*.cts', '**/*.jsx', '**/*.tsx']
+export const EXTENSIONS = ['**/*.js', '**/*.mjs', '**/*.cjs', '**/*.ts', '**/*.mts', '**/*.cts', '**/*.jsx', '**/*.tsx', '**/*.vue', '**/*.svelte']

eslint.config.js

-import base from './base.js'
+import ConfigJavascript from './javascript.js'
 
 /** @type {import("eslint").Linter.Config[]} */
 export default [
-  ...base,
+  ...ConfigJavascript,
   {
     files: ['**/*.js']
   }

index.js

-import ConfigBase from './base.js'
+import ConfigJavascript from './javascript.js'
 import ConfigImport from './import.js'
 import ConfigImportStrict from './import-strict.js'
 import ConfigTypescript from './typescript.js'
 import ConfigTypescriptDynamic from './typescript-dynamic.js'
+import ConfigVueTypescript from './vue-typescript.js'
 import * as utils from './utils.js'
 
 export const configs = {
-  ['js']: ConfigBase,
+  ['javascript']: ConfigJavascript,
   ['import']: ConfigImport,
   ['import-strict']: ConfigImportStrict,
   ['typescript']: ConfigTypescript,
-  ['typescript-dynamic']: ConfigTypescriptDynamic
+  ['typescript-dynamic']: ConfigTypescriptDynamic,
+  ['vue-typescript']: ConfigVueTypescript
 }
 
 export { utils }

base.js → javascript.js

-import js from '@eslint/js'
+import JavascriptPlugin from '@eslint/js'
 import StylisticPlugin from '@stylistic/eslint-plugin'
 
-import imports from './import.js'
+import ConfigImports from './import.js'
 import { EXTENSIONS } from './constants.js'
 
 /** @type {import("eslint").Linter.Config[]} */
 export default [
-  js.configs.recommended,
-  ...imports,
+  JavascriptPlugin.configs.recommended,
+  ...ConfigImports,
   {
     files: [...EXTENSIONS],
     languageOptions: {

package.json

 {
   "name": "@cenk1cenk2/eslint-config",
-  "version": "3.0.14",
+  "version": "3.0.15",
   "description": "Eslint configuration for my taste.",
   "main": "index.js",
   "repository": "git@gitlab.kilic.dev:config/eslint-config.git",
@@ -30,19 +30,19 @@
     ]
   },
   "peerDependencies": {
-    "@nuxtjs/eslint-config": ">= 7",
-    "@nuxtjs/eslint-config-typescript": ">= 7",
+    "@vue/eslint-config-typescript": ">= 14.1.1",
     "eslint": ">= 9",
     "eslint-config-react": ">= 1",
     "eslint-plugin-react-hooks": ">= 4",
     "eslint-plugin-svelte": ">= 2",
+    "eslint-plugin-vue": ">= 9",
     "svelte-eslint-parser": ">= 0.26.0"
   },
   "peerDependenciesMeta": {
-    "@nuxtjs/eslint-config": {
+    "@vue/eslint-config-typescript": {
       "optional": true
     },
-    "@nuxtjs/eslint-config-typescript": {
+    "eslint-plugin-vue": {
       "optional": true
     },
     "eslint-config-react": {
@@ -69,7 +69,9 @@
   },
   "devDependencies": {
     "@cenk1cenk2/cz-cc": "^1.7.11",
+    "@vue/eslint-config-typescript": "^14.1.1",
     "eslint": "^9.12.0",
+    "eslint-plugin-vue": "^9.29.0",
     "lint-staged": "^15.2.10",
     "prettier": "^3.3.3",
     "simple-git-hooks": "^2.11.1"

react.js

-import base from './base.js'
+import js from './js.js'
 
 /** @type {import("eslint").Linter.Config[]} */
 export default [
-  ...base,
+  ...js,
   {
     files: ['**/*.jsx', '**/*.tsx'],
     plugins: ['react', 'react-hooks'],

typescript-dynamic.js

-import typescript from './typescript.js'
+import ConfigTypescript from './typescript.js'
 
 /** @type {import("eslint").Linter.Config[]} */
 export default [
-  ...typescript,
+  ...ConfigTypescript,
   {
-    files: ['**/*.ts', '**/*.tsx'],
+    files: ['**/*.ts', '**/*.tsx', '**/*.vue', '**/*.svelte'],
     languageOptions: {
       parserOptions: {
         project: 'tsconfig.json'

typescript.js

-import StylisticPlugin from '@stylistic/eslint-plugin'
 import TypescriptEslintPlugin from '@typescript-eslint/eslint-plugin'
 import TypescriptEslint from 'typescript-eslint'
-import base from './base.js'
+import ConfigJavascript from './javascript.js'
 
 /** @type {import("eslint").Linter.Config[]} */
 export default [
-  ...base,
+  ...ConfigJavascript,
   ...TypescriptEslint.configs.recommended,
   {
     files: ['**/*.ts', '**/*.tsx'],
     plugins: {
-      stylestic: StylisticPlugin,
       '@typescript-eslint': TypescriptEslintPlugin
     },
     rules: {

vue-typescript.js

+import VuePlugin from 'eslint-plugin-vue'
+import VueTypescriptConfig from '@vue/eslint-config-typescript'
+import ConfigTypescript from './typescript-dynamic.js'
+
 /** @type {import("eslint").Linter.Config[]} */
 export default [
-  {
-    files: ['**/*.vue'],
-    extends: ['./index', '@nuxtjs/eslint-config-typescript/index'],
-    rules: {}
+  ...ConfigTypescript,
+
+  ...VuePlugin.configs['flat/essential'],
+
+  ...VueTypescriptConfig({
+    // https://typescript-eslint.io/users/configs#recommended-configurations
+    extends: ['recommendedTypeChecked', 'stylistic'],
+
+    supportedScriptLangs: {
+      ts: true,
+      tsx: false,
+      jsx: false,
+      js: false
     }
+  })
 ]

vue.js

-import base from './base.js'
-
-/** @type {import("eslint").Linter.Config[]} */
-export default [
-  ...base,
-  {
-    files: ['**/*.vue'],
-    extends: ['@nuxtjs'],
-    rules: {
-      'vue/singleline-html-element-content-newline': 0,
-      'vue/multiline-html-element-content-newline': 0,
-      'vue/html-self-closing': 0,
-      'vue/no-v-html': 0,
-      'array-element-newline': ['error', 'consistent'],
-      'array-bracket-spacing': [
-        'error',
-        'always',
-        {
-          objectsInArrays: true,
-          arraysInArrays: true
-        }
-      ]
-    }
-  }
-]