chore: upgrade eslint config

Author: sxzz

.eslintrc.js

@@ -3,3 +3,4 @@ node_modules
 dist
 *.log
 .vercel
+.eslintcache

.gitignore

@@ -1,4 +1,8 @@
 {
   "editor.formatOnSave": true,
-  "unocss.root": "./playground"
+  "unocss.root": "./playground",
+  "eslint.experimental.useFlatConfig": true,
+  "eslint.options": {
+    "overrideConfigFile": "./eslint.config.mjs"
+  }
 }

.vscode/settings.json

@@ -0,0 +1,3 @@
+import { sxzz } from '@sxzz/eslint-config'
+
+export default sxzz()

eslint.config.mjs

@@ -65,7 +65,7 @@
     "access": "public"
   },
   "scripts": {
-    "lint": "eslint . --ext .vue,.js,.ts,.jsx,.tsx,.json,.md",
+    "lint": "ESLINT_USE_FLAT_CONFIG=true eslint -c eslint.config.mjs --cache .",
     "lint:fix": "pnpm run lint -- --fix",
     "build": "tsup && tsx scripts/postbuild.mts",
     "dev": "pnpm run -C playground dev",

package.json

@@ -1,7 +1,28 @@
-import { parse } from '@babel/parser'
+import { type ParserPlugin, parse } from '@babel/parser'
 import { walk } from 'estree-walker'
 import { encode } from 'entities'
+import MagicString from 'magic-string'
 import {
+  type ArrayExpression,
+  type Binary,
+  type CallExpression,
+  type Expression,
+  type JSX,
+  type JSXAttribute,
+  type JSXElement,
+  type JSXExpressionContainer,
+  type JSXFragment,
+  type JSXIdentifier,
+  type JSXMemberExpression,
+  type JSXNamespacedName,
+  type JSXOpeningElement,
+  type JSXSpreadChild,
+  type JSXText,
+  type Literal,
+  type Node,
+  type ObjectExpression,
+  type TemplateLiteral,
+  type UnaryExpression,
   isBooleanLiteral,
   isCallExpression,
   isFunction,
@@ -11,38 +32,14 @@ import {
   isLiteral,
   isStringLiteral,
 } from '@babel/types'
-import MagicString from 'magic-string'
 import {
+  type Primitive,
   escapeString,
   isPlainObject,
   isPrimitive,
   styleToString,
 } from './utils'
-import type { ParserPlugin } from '@babel/parser'
-import type { Primitive } from './utils'
-import type { OptionsResolved } from './options'
-import type {
-  ArrayExpression,
-  Binary,
-  CallExpression,
-  Expression,
-  JSX,
-  JSXAttribute,
-  JSXElement,
-  JSXExpressionContainer,
-  JSXFragment,
-  JSXIdentifier,
-  JSXMemberExpression,
-  JSXNamespacedName,
-  JSXOpeningElement,
-  JSXSpreadChild,
-  JSXText,
-  Literal,
-  Node,
-  ObjectExpression,
-  TemplateLiteral,
-  UnaryExpression,
-} from '@babel/types'
+import { type OptionsResolved } from './options'
 
 export type EvaluatedValue =
   | Exclude<Primitive, symbol>
@@ -249,7 +246,7 @@ function transformJsx(code: string, node: JSX) {
         const expressions = node.expressions.map((expr) =>
           resolveExpression(expr, node)
         )
-        return expressions.slice(-1)[0]
+        return expressions.at(-1)
       }
       case 'ParenthesizedExpression': // (1)
       case 'TSNonNullExpression': // 1!

src/core/convert.ts

@@ -1,5 +1,5 @@
-import type { ParserPlugin } from '@babel/parser'
-import type { FilterPattern } from '@rollup/pluginutils'
+import { type ParserPlugin } from '@babel/parser'
+import { type FilterPattern } from '@rollup/pluginutils'
 
 export interface Options {
   include?: FilterPattern

src/core/options.ts

@@ -11,7 +11,7 @@ export type Primitive =
 
 const KEBAB_REGEX = /[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g
 export function kebabCase(str: string) {
-  return str.replace(KEBAB_REGEX, (match) => {
+  return str.replaceAll(KEBAB_REGEX, (match) => {
     return `-${match.toLowerCase()}`
   })
 }
@@ -29,7 +29,7 @@ export const escapeString = (str: string) => {
     wrap: true,
     es6: true,
   })
-  return text.replace(RAW_RE, '${$1}')
+  return text.replaceAll(RAW_RE, '${$1}')
 }
 export const isPrimitive = (val: unknown): val is Primitive => {
   if (typeof val === 'object') return val === null

src/core/utils.ts

@@ -1,8 +1,7 @@
 import { createUnplugin } from 'unplugin'
 import { createFilter } from '@rollup/pluginutils'
 import { transformJsxToString } from './core/convert'
-import { resolveOption } from './core/options'
-import type { Options } from './core/options'
+import { type Options, resolveOption } from './core/options'
 
 declare global {
   const jsxToString: (element: JSX.Element) => string

src/index.ts

@@ -1,4 +1,4 @@
 import unplugin from '.'
-import type {} from 'vite'
+import {} from 'vite'
 
 export default unplugin.vite