eslint.config.js

import globals from 'globals'
import astro from 'eslint-plugin-astro'
import js from '@eslint/js'
import ts from 'typescript-eslint'

const {browser, node} = globals

const ASTRO_IGNORE = ['.astro/*']
const RULES_ALL = {
  'eol-last': ['error', 'always']
, 'linebreak-style': ['error', 'unix']
}
const RULES_JS = {
  'comma-style': ['error', 'first']
, 'comma-spacing': ['error', {before: false, after: true}]
, 'quotes': ['error', 'single', {
    avoidEscape: true
  , allowTemplateLiterals: true
  }]
, 'quote-props': ['error', 'consistent-as-needed']
, 'semi': ['error', 'never']
, 'astro/semi': ['error', 'never']
, 'object-curly-spacing': ['error', 'never']
, 'array-bracket-spacing': ['error', 'never']
, 'computed-property-spacing': ['error', 'never']
}

const common_js = createFileTypeConfig('**/*.{js,cjs,astro}')
const module_js = createFileTypeConfig('**/*.{mjs,ts,tsx}')
const tailwind = createFileTypeConfig('**/tailwind.config.cjs')

/** @type {import('eslint').Linter.Config[]} */
export default [
  {
    files: ['**/*']
  , ignores: [
      '.astro/*'
    , 'node_modules/*'
    , 'dist/*'
    ]
  , rules: RULES_ALL
  }
, {...common_js}
, {...module_js}
, {...tailwind}
, js.configs.recommended
, ...ts.configs.recommended
, ...astro.configs.recommended
]

function createFileTypeConfig(files) {
  const common = {
    files: [`${files}`]
  , ignores: ASTRO_IGNORE
  , rules: RULES_JS
  }

  switch (files) {
    case '**/*.{js,cjs,astro}': return {
      ...common
      , languageOptions: {globals: {...browser}}
    }
    case '**/*.{mjs,ts,tsx}': return {
      ...common
    , languageOptions: {sourceType: 'module'}
    }
    case '**/tailwind.config.cjs': return {
      ...common
    , languageOptions: {globals: {...node}}
    }
  }
}