v2.0.0-rc.46

New Features

• Support ESLint v9 and flat configuration _{^{@1aron f0c83a4}}

  // eslint.config.js
  import css from '@master/eslint-config-css'
  
  export default [
      css
  ]

Additions

• Support light-dark() color function _{^{@1aron 2875976}}

ESLint

• Automatically load master.css.* configuration based on the current working directory _{^{@1aron 1578d11}}

  // before
  import { fileURLToPath } from 'node:url'
  import css from '@master/eslint-config-css'
  
  export default [
      css,
      {
          settings: {
              '@master/css': {
                  config: fileURLToPath(new URL('master.css', import.meta.url))
              }
          }
      }
  ]

  // after
  import css from '@master/eslint-config-css'
  
  export default [
      css
  ]

  You can still manually specify master.css.js if it is not in the current working directory.

Extractor

• Exclusions for .next, .nuxt, and .svelte-kit directories in options _{^{@1aron 070fbb9}}

Improvements

ESLint

• Import css from @master/eslint-config-css instead of @master/eslint-config-css/flat _{^{@1aron 5656195}}

  // eslint.config.js
  - import css from '@master/eslint-config-css/flat'
  + import css from '@master/eslint-config-css'
  
  export default [
      css
  ]

• Use plugin:@master/css/legacy instead of @master/css _{^{@1aron ac85723}}

  /** @type {import('eslint').Linter.LegacyConfig} */
  module.exports = {
      extends: [
  -        'plugin:@master/css',
  +        'plugin:@master/css/legacy',
      ]
  }

Extractor Vite

• Exclude CSS files from being processed in CSSExtractorPlugin transform _{^{@1aron cb5fec8}}

Bug Fixes

• Upgraded css-tree to support color functions like light-dark, resolved #370 _{^{@1aron 9b685ce #370}}

Extractor Vite

• HMR does not work in Nuxt _{^{@1aron 1dc2281}}

Upgrades

• ESLint to v9+ _{^{@1aron ef7d4cc}}

Examples

• Add legacy config _{^{@1aron 4fde02d}}
• Improve ESLint v9 example _{^{@1aron 304e631}}
• Update ESLint configuration for React _{^{@1aron 0508ec3}}
• Update ESLint configuration for Svelte _{^{@1aron 67ae9cb}}
• Update ESLint configuration for Vue _{^{@1aron ee7615b}}
• Update Nuxt examples _{^{@1aron 60c006d}}
• Update Svelte example _{^{@1aron 73a2e89}}
• Update Vue examples _{^{@1aron 884d210}}