Update to ESLint 9 flat config

__tests__/plugin.test.ts

@@ -5,8 +5,7 @@ import path from 'node:path'
 
 import { describe, expect, it } from 'vitest'
 
-import capsizePlugin from '../src/index.js'
-import { css, html, run } from './run.js'
+import { css, run } from './run.js'
 
 // eslint-disable-next-line unicorn/prefer-module
 const CONFIG_PATH = path.resolve(__dirname, './tailwind.config.js')

__tests__/run.ts

@@ -3,25 +3,23 @@ import path from 'node:path'
 
 import tailwind from '@tailwindcss/postcss'
 import postcss from 'postcss'
-// @ts-expect-error -- Trying to import a type in a CJS module I guess.
 import type { Config } from 'tailwindcss'
 import { expect } from 'vitest'
 
 export const css = String.raw
-export const html = (strings: string[] | ArrayLike<string>) => String.raw({ raw: strings })
 
 export async function run(input: string, config: Config, options?: Record<string, unknown>) {
 	let { currentTestName } = expect.getState()
 	let configFile = `
 		const capsizePlugin = require('../src/index.js')
-		const config = ${JSON.stringify(config, null, 4)}
+		const config = ${JSON.stringify(config, undefined, 4)}
 		module.exports = { ...config, plugins: [capsizePlugin${options ? `(${JSON.stringify(options)})` : ''}] }
 		`
 
 	await fs.writeFile('__tests__/tailwind.config.js', configFile, 'utf8')
 
 	return postcss(tailwind).process(input, {
-		// eslint-disable-next-line unicorn/prefer-module
-		from: `${path.resolve(__filename)}?test=${currentTestName}`,
+		// @ts-expect-error -- TS thinks this file is built to CJS.
+		from: `${path.resolve(import.meta.filename)}?test=${currentTestName!}`,
 	})
 }

__tests__/setup.ts

@@ -4,26 +4,25 @@
  */
 
 import { diff } from 'jest-diff'
-// eslint-disable-next-line import/default
 import prettier from 'prettier'
 import { expect } from 'vitest'
 
-expect.extend({
-	async toMatchFormattedCss(received: string, argument: string) {
-		async function format(input: string) {
-			return prettier.format(input.replaceAll('\n', ''), {
-				parser: 'css',
-				printWidth: 100,
-			})
-		}
+async function format(input: string) {
+	return prettier.format(input.replaceAll('\n', ''), {
+		parser: 'css',
+		printWidth: 120,
+	})
+}
 
-		function stripped(value: string) {
-			return value
-				.replace(/\/\* ! tailwindcss .* \*\//, '')
-				.replaceAll(/\s/g, '')
-				.replaceAll(';', '')
-		}
+function stripped(value: string) {
+	return value
+		.replace(/\/\*! tailwindcss .* \*\//, '')
+		.replaceAll(/\s/g, '')
+		.replaceAll(';', '')
+}
 
+expect.extend({
+	async toMatchFormattedCss(received: string, argument: string) {
 		let options = {
 			comment: 'stripped(received) === stripped(argument)',
 			isNot: this.isNot,

eslint.config.mjs

@@ -0,0 +1,38 @@
+import zazen from '@zazen/eslint-config'
+import zazenNode from '@zazen/eslint-config/node'
+import zazenStylistic from '@zazen/eslint-config/stylistic'
+import zazenTypeScript from '@zazen/eslint-config/typescript'
+import { defineConfig } from 'eslint/config'
+
+const config = defineConfig([
+	...zazen,
+	...zazenNode,
+	...zazenTypeScript,
+
+	{
+		name: 'project:rules',
+		settings: {
+			'import-x/ignore': ['node_modules'],
+			node: {
+				version: '20',
+			},
+		},
+		rules: {
+			'import-x/no-anonymous-default-export': ['error', { allowObject: true }],
+		},
+	},
+	{
+		name: 'project:rules:configs',
+		files: ['**/*.config.{js,mjs}'],
+		rules: {
+			'import-x/no-extraneous-dependencies': [
+				'error',
+				{ devDependencies: true },
+			],
+		},
+	},
+
+	zazenStylistic,
+])
+
+export default config