refactor!: migrate from eslint-stylistic to prettier (#412)

* chore: use prettier

* refactor: re-organize special cases

* chore: fix lint

* chore: run build:typegen

* chore: update prettier config

* chore remove unused plugin

Author: coderwyd

.github/renovate.json5

@@ -1,3 +1,3 @@
 {
-  "extends": ["github>coderwyd/renovate-config"]
+  extends: ['github>coderwyd/renovate-config'],
 }

.vscode/settings.json

@@ -6,39 +6,6 @@
   "eslint.options": {
     "flags": ["unstable_ts_config"]
   },
-  "editor.formatOnSave": false,
-  "eslint.validate": [
-    "html",
-    "css",
-    "less",
-    "scss",
-    "json",
-    "jsonc",
-    "yaml",
-    "yml",
-    "markdown",
-    "toml",
-    "gql",
-    "graphql"
-  ],
-  // "eslint.runtime": "node",
-  "eslint.rules.customizations": [
-    { "rule": "style/*", "severity": "off", "fixable": true },
-    { "rule": "*-indent", "severity": "off", "fixable": true },
-    { "rule": "*-spacing", "severity": "off", "fixable": true },
-    { "rule": "*-spaces", "severity": "off", "fixable": true },
-    { "rule": "*-order", "severity": "off", "fixable": true },
-    { "rule": "*-dangle", "severity": "off", "fixable": true },
-    { "rule": "*-newline", "severity": "off", "fixable": true },
-    { "rule": "*quotes", "severity": "off", "fixable": true },
-    { "rule": "*semi", "severity": "off", "fixable": true }
-  ],
-  "prettier.enable": false,
-  "cSpell.words": [
-    "antfu",
-    "astro",
-    "coderwyd",
-    "rspack",
-    "unocss"
-  ]
+  "editor.formatOnSave": true,
+  "cSpell.words": ["antfu", "astro", "coderwyd", "rspack", "unocss"]
 }

README.md

@@ -10,7 +10,6 @@
 - ✨ Support Vue, React, Svelte.
 - 🎯 Designed to work with TypeScript, Vue out-of-box
 - 🏆 Reasonable defaults, best practices, only one-line of config
-- 🎨 Use ESlint to format HTML, CSS, LESS, SCSS, YAML, TOML, Markdown, JSON, JSONC.
 
 ## Usage
 
@@ -59,43 +58,14 @@ Add the following settings to your `.vscode/settings.json`:
 
 ```jsonc
 {
-  // Disable the default formatter, use eslint instead
-  "prettier.enable": false,
+  "prettier.enable": true,
   "editor.formatOnSave": false,
 
   // Auto fix
   "editor.codeActionsOnSave": {
     "source.fixAll": "explicit",
-    "source.organizeImports": "never"
+    "source.organizeImports": "never",
   },
-
-  // Silent the stylistic rules in you IDE, but still auto fix them
-  "eslint.rules.customizations": [
-    { "rule": "style/*", "severity": "off", "fixable": true },
-    { "rule": "format/*", "severity": "off", "fixable": true },
-    { "rule": "*-indent", "severity": "off", "fixable": true },
-    { "rule": "*-spacing", "severity": "off", "fixable": true },
-    { "rule": "*-spaces", "severity": "off", "fixable": true },
-    { "rule": "*-order", "severity": "off", "fixable": true },
-    { "rule": "*-dangle", "severity": "off", "fixable": true },
-    { "rule": "*-newline", "severity": "off", "fixable": true },
-    { "rule": "*quotes", "severity": "off", "fixable": true },
-    { "rule": "*semi", "severity": "off", "fixable": true }
-  ],
-
-  // Enable eslint for all supported languages
-  "eslint.validate": [
-    "html",
-    "css",
-    "less",
-    "scss",
-    "json",
-    "jsonc",
-    "yaml",
-    "yml",
-    "markdown",
-    "toml"
-  ]
 }
 ```
 
@@ -157,15 +127,6 @@ interface OptionsConfig extends OptionsComponentExts {
    */
   typescript?: boolean | OptionsTypescript
 
-  /**
-   * Enable JSX related rules.
-   *
-   * Currently only stylistic rules are included.
-   *
-   * @default true
-   */
-  jsx?: boolean
-
   /**
    * Enable test support.
    *
@@ -226,14 +187,6 @@ interface OptionsConfig extends OptionsComponentExts {
    */
   unocss?: boolean | OptionsUnoCSS
 
-  /**
-   * Enable stylistic rules.
-   *
-   * @see https://eslint.style/
-   * @default true
-   */
-  stylistic?: boolean | (StylisticConfig & OptionsOverrides)
-
   /**
    * Enable regexp rules.
    *
@@ -242,23 +195,6 @@ interface OptionsConfig extends OptionsComponentExts {
    */
   regexp?: boolean | (OptionsRegExp & OptionsOverrides)
 
-  /**
-   * Use external formatters to format files.
-   *
-   * @default
-   * {
-   *  "html": true,
-   *  "css": true,
-   *  "graphql": false,
-   *  "markdown": false
-   *  "yaml": false
-   *  "toml": false
-   * }
-   *
-   * When set to `true`, it will enable all formatters.
-   */
-  formatter?: boolean | OptionsFormatters
-
   /**
    * Control to disable some rules in editors.
    * @default auto-detect based on the process.env

eslint.config.ts

@@ -1,28 +1,15 @@
-// @ts-expect-error missing types
-import styleMigrate from '@stylistic/eslint-plugin-migrate'
-
 import { defineConfig } from './src'
 
 export default defineConfig(
   {
     vue: true,
     react: false,
     typescript: true,
-    formatter: true,
   },
   {
     files: ['src/**/*.ts'],
     rules: {
       'perfectionist/sort-objects': 'error',
     },
   },
-  {
-    files: ['src/configs/*.ts'],
-    plugins: {
-      'style-migrate': styleMigrate,
-    },
-    rules: {
-      'style-migrate/migrate': ['error', { namespaceTo: 'style' }],
-    },
-  },
 )

package.json

@@ -83,35 +83,33 @@
   "dependencies": {
     "@antfu/install-pkg": "^0.4.1",
     "@eslint-community/eslint-plugin-eslint-comments": "^4.4.0",
-    "@stylistic/eslint-plugin": "^2.8.0",
     "@toml-tools/parser": "^1.0.0",
     "@typescript-eslint/eslint-plugin": "^8.7.0",
     "@typescript-eslint/parser": "^8.7.0",
     "@vitest/eslint-plugin": "^1.1.4",
     "eslint-config-flat-gitignore": "^0.3.0",
-    "eslint-merge-processors": "^0.1.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-antfu": "^2.7.0",
     "eslint-plugin-command": "^0.2.5",
     "eslint-plugin-eslint-comments": "^3.2.0",
-    "eslint-plugin-format": "^0.1.2",
     "eslint-plugin-import-x": "^4.3.0",
     "eslint-plugin-jsdoc": "^50.2.4",
     "eslint-plugin-jsonc": "^2.16.0",
     "eslint-plugin-n": "^17.10.3",
     "eslint-plugin-no-only-tests": "^3.3.0",
     "eslint-plugin-perfectionist": "^3.7.0",
+    "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-regexp": "^2.6.0",
     "eslint-plugin-unicorn": "^55.0.0",
     "eslint-plugin-unused-imports": "^4.1.4",
     "eslint-plugin-vue": "^9.28.0",
-    "eslint-processor-vue-blocks": "^0.1.2",
     "eslint-typegen": "^0.3.2",
     "globals": "^15.9.0",
     "jsonc-eslint-parser": "^2.4.0",
     "local-pkg": "^0.5.0",
     "parse-gitignore": "^2.0.0",
     "picocolors": "^1.1.0",
-    "prettier-plugin-toml": "^2.0.1",
+    "prettier": "^3.3.3",
     "prompts": "^2.4.2",
     "vue-eslint-parser": "^9.4.3",
     "yargs": "^17.7.2"
@@ -120,7 +118,7 @@
     "@antfu/ni": "^0.23.0",
     "@eslint-react/eslint-plugin": "^1.14.2",
     "@eslint/config-inspector": "^0.5.4",
-    "@stylistic/eslint-plugin-migrate": "^2.8.0",
+    "@types/eslint-config-prettier": "^6.11.3",
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^22.6.1",
     "@types/prompts": "^2.4.9",