@archpublicwebsite/eslint-config 1.0.20 → 1.0.22

package/tools/setup/vscode.mjs

@@ -9,20 +9,30 @@ const TAG = '[@archpublicwebsite/eslint-config]'
  * the correct file types.
  */
 const VSCODE_ESLINT_SETTINGS = {
+  // Use workspace TypeScript for consistent Volar/TS plugin resolution
+  'typescript.tsdk': 'node_modules/typescript/lib',
+  'typescript.enablePromptUseWorkspaceTsdk': true,
+
+  // Ensure Vue SFC files are always handled as Vue documents
+  'files.associations': {
+    '*.vue': 'vue',
+  },
+
+  // Volar + TS integration for Vue 3 SFC template diagnostics
+  'vue.server.hybridMode': true,
+  'volar.takeOverMode.enabled': true,
+
+  // Prevent duplicate/broken diagnostics from built-in TS/JS validators
+  // (vue-tsc + Volar remain the source of truth for Vue type diagnostics).
+  'typescript.validate.enable': false,
+  'javascript.validate.enable': false,
+
   // Use flat config mode (required for eslint.config.mjs)
   'eslint.useFlatConfig': true,
+  'eslint.workingDirectories': [{ mode: 'auto' }],
 
   // Enable ESLint for these languages
-  'eslint.validate': [
-    'javascript',
-    'javascriptreact',
-    'typescript',
-    'typescriptreact',
-    'vue',
-    'json',
-    'jsonc',
-    'markdown',
-  ],
+  'eslint.validate': ['javascript', 'javascriptreact', 'typescript', 'typescriptreact', 'vue', 'json', 'jsonc'],
 
   // Auto-fix on save via ESLint
   'editor.codeActionsOnSave': {
@@ -33,7 +43,22 @@ const VSCODE_ESLINT_SETTINGS = {
   // Let ESLint handle formatting instead of the built-in formatter
   'editor.formatOnSave': false,
 
-  // Disable the default VS Code JSON formatter for files ESLint handles
+  // Formatters per language — ESLint enforces no-semi, single-quote on save
+  '[javascript]': {
+    'editor.defaultFormatter': 'dbaeumer.vscode-eslint',
+  },
+  '[javascriptreact]': {
+    'editor.defaultFormatter': 'dbaeumer.vscode-eslint',
+  },
+  '[typescript]': {
+    'editor.defaultFormatter': 'dbaeumer.vscode-eslint',
+  },
+  '[typescriptreact]': {
+    'editor.defaultFormatter': 'dbaeumer.vscode-eslint',
+  },
+  '[vue]': {
+    'editor.defaultFormatter': 'Vue.volar',
+  },
   '[json]': {
     'editor.defaultFormatter': 'dbaeumer.vscode-eslint',
   },
@@ -71,16 +96,15 @@ function deepMerge(target, source) {
     const srcVal = source[key]
     const tgtVal = result[key]
     if (
-      srcVal !== null
-      && typeof srcVal === 'object'
-      && !Array.isArray(srcVal)
-      && tgtVal !== null
-      && typeof tgtVal === 'object'
-      && !Array.isArray(tgtVal)
+      srcVal !== null &&
+      typeof srcVal === 'object' &&
+      !Array.isArray(srcVal) &&
+      tgtVal !== null &&
+      typeof tgtVal === 'object' &&
+      !Array.isArray(tgtVal)
     ) {
       result[key] = deepMerge(tgtVal, srcVal)
-    }
-    else {
+    } else {
       result[key] = srcVal
     }
   }
@@ -107,8 +131,7 @@ export function ensureVscodeSettings(projectRoot) {
     try {
       const raw = readFileSync(settingsPath, 'utf8')
       current = JSON.parse(raw)
-    }
-    catch {
+    } catch {
       // File exists but is not valid JSON – back it up and start fresh
       const backupPath = `${settingsPath}.backup`
       writeFileSync(backupPath, readFileSync(settingsPath, 'utf8'), 'utf8')