improve: LDP-2585: Switch to ESLint flat config (#257)

* improve: Switch to ESLint flat config

* LDP-2585: Update linting

---------

Co-authored-by: Alexandru <videoloss3@gmail.com>

.vscode/settings.json

@@ -1,18 +1,18 @@
 {
+  "editor.formatOnSave": true,
+  "eslint.useFlatConfig": true,
+  "volar.validation.template": false,
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
-  },
-  "eslint.options": {
-    "extensions": [
-      ".html",
-      ".js",
-      ".vue"
-    ]
+    "source.fixAll.eslint": "always",
+    "source.fixAll.vetur": "always",
+    "source.fixAll.vscode": "always"
   },
+  "css.lint.unknownAtRules": "ignore",
   "eslint.validate": [
     "javascript",
     "typescript",
     "vue",
     "vue-html"
   ],
+  "prettier.enable": false
 }

bin/nuxt-drupal-ce-init.cjs

@@ -1,29 +1,30 @@
 #!/usr/bin/env node
 
-const fs = require('fs')
-const path = require('path')
+const fs = require('node:fs')
+const path = require('node:path')
+
 const scaffoldDir = path.join(__dirname, '/../playground')
 const target = '.'
 
-function copyFile (source, target) {
+function copyFile(source, target) {
   const targetFile = target + '/' + path.basename(source)
 
   // If target is a directory, a new file with the same name will be created
   if (!fs.existsSync(targetFile)) {
-    // eslint-disable-next-line no-console
     console.log(targetFile + ' - Created.')
     fs.writeFileSync(targetFile, fs.readFileSync(source))
-  } else {
-    // eslint-disable-next-line no-console
+  }
+  else {
     console.log(targetFile + ' - Existing, skipped.')
   }
 }
 
-function syncDir (directory) {
+function syncDir(directory) {
   fs.readdirSync(scaffoldDir + '/' + directory).forEach(function (item) {
     if (fs.lstatSync(scaffoldDir + '/' + directory + '/' + item).isDirectory()) {
       syncDir(directory + '/' + item)
-    } else {
+    }
+    else {
       copyFile(scaffoldDir + '/' + directory + '/' + item, target + '/' + directory)
     }
   })

eslint.config.mjs

@@ -0,0 +1,17 @@
+import { createConfigForNuxt } from '@nuxt/eslint-config/flat'
+
+export default createConfigForNuxt({
+  features: {
+    tooling: true,
+    stylistic: true,
+  },
+}).override('nuxt/rules', {
+  rules: {
+    'vue/no-v-html': 'off',
+    'no-useless-escape': 'off',
+    'vue/multi-word-component-names': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/no-unused-expressions': 'off',
+  },
+  ignores: ['playground/server'],
+})

nuxt.config.ts

@@ -0,0 +1,4 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  modules: ['@nuxt/eslint'],
+})