@kirklin/eslint-config 2.1.0 → 2.3.0

package/dist/cli.js

@@ -1,64 +1,199 @@
 // src/cli/index.ts
-import process2 from "process";
-import c3 from "picocolors";
+import process5 from "node:process";
+import c6 from "picocolors";
 import { hideBin } from "yargs/helpers";
 import yargs from "yargs";
+import * as p5 from "@clack/prompts";
 
 // src/cli/run.ts
-import fs from "fs";
-import fsp from "fs/promises";
-import path from "path";
-import process from "process";
-import prompts from "prompts";
-import c2 from "picocolors";
-import parse from "parse-gitignore";
+import fs3 from "node:fs";
+import path4 from "node:path";
+import process4 from "node:process";
+import c5 from "picocolors";
+import * as p4 from "@clack/prompts";
 
 // src/cli/constants.ts
 import c from "picocolors";
 
 // package.json
-var version = "2.1.0";
-var devDependencies = {
-  "@antfu/eslint-plugin-prettier": "5.0.1-1",
-  "@antfu/ni": "^0.21.12",
-  "@kirklin/eslint-config": "workspace:*",
-  "@stylistic/eslint-plugin-migrate": "^1.6.0",
-  "@types/eslint": "^8.56.2",
-  "@types/fs-extra": "^11.0.4",
-  "@types/node": "^20.11.16",
-  "@types/prompts": "^2.4.9",
-  "@types/yargs": "^17.0.32",
-  "@unocss/eslint-plugin": "^0.58.5",
-  bumpp: "^9.3.0",
-  eslint: "npm:eslint-ts-patch@8.56.0-0",
-  "eslint-flat-config-viewer": "^0.1.11",
-  "eslint-plugin-format": "^0.1.0",
-  "eslint-plugin-react": "^7.33.2",
-  "eslint-plugin-react-hooks": "^4.6.0",
-  "eslint-plugin-react-refresh": "^0.4.5",
-  "eslint-plugin-svelte": "^2.35.1",
-  "eslint-ts-patch": "8.56.0-0",
-  esno: "^4.0.0",
-  execa: "^8.0.1",
-  "fast-glob": "^3.3.2",
-  "fs-extra": "^11.2.0",
-  "lint-staged": "^15.2.2",
-  rimraf: "^5.0.5",
-  "simple-git-hooks": "^2.9.0",
-  svelte: "^4.2.10",
-  "svelte-eslint-parser": "^0.33.1",
-  tsup: "^8.0.1",
-  typescript: "^5.3.3",
-  vitest: "^1.2.2",
-  vue: "^3.4.15"
+var package_default = {
+  name: "@kirklin/eslint-config",
+  type: "module",
+  version: "2.3.0",
+  packageManager: "pnpm@8.15.5",
+  description: "Kirk Lin's ESLint config",
+  author: "Kirk Lin (https://github.com/kirklin/)",
+  license: "MIT",
+  funding: "https://www.buymeacoffee.com/linkirk",
+  homepage: "https://github.com/kirklin/eslint-config",
+  keywords: [
+    "eslint-config"
+  ],
+  exports: {
+    ".": {
+      import: "./dist/index.js",
+      require: "./dist/index.cjs"
+    }
+  },
+  main: "./dist/index.js",
+  types: "./dist/index.d.ts",
+  bin: "./bin/index.js",
+  files: [
+    "bin",
+    "dist"
+  ],
+  scripts: {
+    build: "nr typegen && tsup --format esm,cjs --clean --dts",
+    stub: "tsup --format esm",
+    dev: "npx @eslint/config-inspector --config eslint.config.ts",
+    "build:inspector": "pnpm build && npx @eslint/config-inspector build",
+    watch: "tsup --format esm,cjs --watch",
+    lint: "eslint .",
+    "lint:fix": "eslint . --fix",
+    typegen: "esno scripts/typegen.ts",
+    prepack: "nr build",
+    release: "bumpp && pnpm publish",
+    test: "vitest",
+    typecheck: "tsc --noEmit",
+    prepare: "simple-git-hooks"
+  },
+  peerDependencies: {
+    "@unocss/eslint-plugin": ">=0.50.0",
+    "astro-eslint-parser": "^0.16.3",
+    eslint: ">=8.40.0",
+    "eslint-plugin-astro": "^0.31.4",
+    "eslint-plugin-format": ">=0.1.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.4",
+    "eslint-plugin-solid": "^0.13.2",
+    "eslint-plugin-svelte": ">=2.35.1",
+    "prettier-plugin-astro": "^0.13.0",
+    "prettier-plugin-slidev": "^1.0.5",
+    "svelte-eslint-parser": "^0.33.1"
+  },
+  peerDependenciesMeta: {
+    "@unocss/eslint-plugin": {
+      optional: true
+    },
+    "astro-eslint-parser": {
+      optional: true
+    },
+    "eslint-plugin-astro": {
+      optional: true
+    },
+    "eslint-plugin-format": {
+      optional: true
+    },
+    "eslint-plugin-react": {
+      optional: true
+    },
+    "eslint-plugin-react-hooks": {
+      optional: true
+    },
+    "eslint-plugin-react-refresh": {
+      optional: true
+    },
+    "eslint-plugin-solid": {
+      optional: true
+    },
+    "eslint-plugin-svelte": {
+      optional: true
+    },
+    "prettier-plugin-astro": {
+      optional: true
+    },
+    "prettier-plugin-slidev": {
+      optional: true
+    },
+    "svelte-eslint-parser": {
+      optional: true
+    }
+  },
+  dependencies: {
+    "@antfu/install-pkg": "^0.3.2",
+    "@clack/prompts": "^0.7.0",
+    "@stylistic/eslint-plugin": "^1.7.0",
+    "@typescript-eslint/eslint-plugin": "^7.6.0",
+    "@typescript-eslint/parser": "^7.6.0",
+    "eslint-config-flat-gitignore": "^0.1.5",
+    "eslint-flat-config-utils": "^0.2.3",
+    "eslint-merge-processors": "^0.1.0",
+    "eslint-plugin-eslint-comments": "^3.2.0",
+    "eslint-plugin-import-x": "^0.5.0",
+    "eslint-plugin-jsdoc": "^48.2.3",
+    "eslint-plugin-jsonc": "^2.15.1",
+    "eslint-plugin-kirklin": "^1.1.0",
+    "eslint-plugin-markdown": "^4.0.1",
+    "eslint-plugin-n": "^17.2.1",
+    "eslint-plugin-no-only-tests": "^3.1.0",
+    "eslint-plugin-perfectionist": "^2.9.0",
+    "eslint-plugin-toml": "^0.11.0",
+    "eslint-plugin-unicorn": "^52.0.0",
+    "eslint-plugin-unused-imports": "^3.1.0",
+    "eslint-plugin-vitest": "^0.5.3",
+    "eslint-plugin-vue": "^9.25.0",
+    "eslint-plugin-yml": "^1.14.0",
+    "eslint-processor-vue-blocks": "^0.1.1",
+    globals: "^15.0.0",
+    "jsonc-eslint-parser": "^2.4.0",
+    "local-pkg": "^0.5.0",
+    "parse-gitignore": "^2.0.0",
+    picocolors: "^1.0.0",
+    "toml-eslint-parser": "^0.9.3",
+    "vue-eslint-parser": "^9.4.2",
+    "yaml-eslint-parser": "^1.2.2",
+    yargs: "^17.7.2"
+  },
+  devDependencies: {
+    "@antfu/eslint-plugin-prettier": "^5.0.1-1",
+    "@antfu/ni": "^0.21.12",
+    "@eslint/config-inspector": "^0.4.6",
+    "@kirklin/eslint-config": "workspace:*",
+    "@stylistic/eslint-plugin-migrate": "^1.7.0",
+    "@types/eslint": "^8.56.9",
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^20.12.7",
+    "@types/prompts": "^2.4.9",
+    "@types/yargs": "^17.0.32",
+    "@unocss/eslint-plugin": "^0.59.2",
+    "astro-eslint-parser": "^0.17.0",
+    bumpp: "^9.4.0",
+    "bundle-require": "^4.0.2",
+    eslint: "^9.0.0",
+    "eslint-plugin-astro": "^0.34.0",
+    "eslint-plugin-format": "^0.1.0",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.6",
+    "eslint-plugin-solid": "^0.13.2",
+    "eslint-plugin-svelte": "2.36.0-next.13",
+    "eslint-typegen": "^0.2.3",
+    esno: "^4.7.0",
+    execa: "^8.0.1",
+    "fast-glob": "^3.3.2",
+    "fs-extra": "^11.2.0",
+    "lint-staged": "^15.2.2",
+    "prettier-plugin-astro": "^0.13.0",
+    "prettier-plugin-slidev": "^1.0.5",
+    rimraf: "^5.0.5",
+    "simple-git-hooks": "^2.11.1",
+    svelte: "^4.2.14",
+    "svelte-eslint-parser": "^0.34.1",
+    tsup: "^8.0.2",
+    typescript: "^5.4.5",
+    vitest: "^1.5.0",
+    vue: "^3.4.21"
+  },
+  "simple-git-hooks": {
+    "pre-commit": "pnpm lint-staged"
+  },
+  "lint-staged": {
+    "*": "eslint --fix"
+  }
 };
 
 // src/cli/constants.ts
-var ARROW = c.cyan("\u2192");
-var CHECK = c.green("\u2714");
-var CROSS = c.red("\u2718");
-var WARN = c.yellow("\u2139");
-var eslintVersion = devDependencies.eslint;
 var vscodeSettingsString = `
   // Enable the ESlint flat config support
   "eslint.experimental.useFlatConfig": true,
@@ -99,12 +234,74 @@ var vscodeSettingsString = `
     "json",
     "jsonc",
     "yaml",
-    "toml"
+    "toml",
+    "astro",
   ]
 `;
+var frameworkOptions = [
+  {
+    label: c.green("Vue"),
+    value: "vue"
+  },
+  {
+    label: c.cyan("React"),
+    value: "react"
+  },
+  {
+    label: c.red("Svelte"),
+    value: "svelte"
+  },
+  {
+    label: c.magenta("Astro"),
+    value: "astro"
+  },
+  {
+    label: c.cyan("Solid"),
+    value: "solid"
+  },
+  {
+    label: c.blue("Slidev"),
+    value: "slidev"
+  }
+];
+var frameworks = frameworkOptions.map(({ value }) => value);
+var extraOptions = [
+  {
+    hint: "Use external formatters (Prettier and/or dprint) to format files that ESLint cannot handle yet (.css, .html, etc)",
+    label: c.red("Formatter"),
+    value: "formatter"
+  },
+  {
+    label: c.cyan("UnoCSS"),
+    value: "unocss"
+  }
+];
+var extra = extraOptions.map(({ value }) => value);
+var dependenciesMap = {
+  astro: [
+    "eslint-plugin-astro",
+    "astro-eslint-parser"
+  ],
+  react: [
+    "eslint-plugin-react",
+    "eslint-plugin-react-hooks",
+    "eslint-plugin-react-refresh"
+  ],
+  slidev: [
+    "prettier-plugin-slidev"
+  ],
+  solid: [
+    "eslint-plugin-solid"
+  ],
+  svelte: [
+    "eslint-plugin-svelte",
+    "svelte-eslint-parser"
+  ],
+  vue: []
+};
 
 // src/cli/utils.ts
-import { execSync } from "child_process";
+import { execSync } from "node:child_process";
 function isGitClean() {
   try {
     execSync("git diff-index --quiet HEAD --");
@@ -113,44 +310,96 @@ function isGitClean() {
     return false;
   }
 }
+function getEslintConfigContent(mainConfig, additionalConfigs) {
+  return `
+import kirklin from '@kirklin/eslint-config'
 
-// src/cli/run.ts
-async function run(options = {}) {
-  const SKIP_PROMPT = !!process.env.SKIP_PROMPT || options.yes;
-  const SKIP_GIT_CHECK = !!process.env.SKIP_GIT_CHECK;
+export default kirklin({
+${mainConfig}
+}${additionalConfigs?.map((config) => `,{
+${config}
+}`)})
+`.trimStart();
+}
+
+// src/cli/stages/update-package-json.ts
+import path from "node:path";
+import fsp from "node:fs/promises";
+import process from "node:process";
+import c2 from "picocolors";
+import * as p from "@clack/prompts";
+async function updatePackageJson(result) {
   const cwd = process.cwd();
-  const pathFlatConfig = path.join(cwd, "eslint.config.js");
   const pathPackageJSON = path.join(cwd, "package.json");
-  const pathESLintIgnore = path.join(cwd, ".eslintignore");
-  if (fs.existsSync(pathFlatConfig)) {
-    console.log(c2.yellow(`${WARN} eslint.config.js already exists, migration wizard exited.`));
-    return process.exit(1);
-  }
-  if (!SKIP_GIT_CHECK && !isGitClean()) {
-    const { confirmed } = await prompts({
-      initial: false,
-      message: "There are uncommitted changes in the current repository, are you sure to continue?",
-      name: "confirmed",
-      type: "confirm"
+  p.log.step(c2.cyan(`Bumping @kirklin/eslint-config to v${package_default.version}`));
+  const pkgContent = await fsp.readFile(pathPackageJSON, "utf-8");
+  const pkg = JSON.parse(pkgContent);
+  pkg.devDependencies ??= {};
+  pkg.devDependencies["@kirklin/eslint-config"] = `^${package_default.version}`;
+  pkg.devDependencies.eslint ??= package_default.devDependencies.eslint.replace("npm:eslint-ts-patch@", "").replace(/-\d+$/, "");
+  const addedPackages = [];
+  if (result.extra.length) {
+    result.extra.forEach((item) => {
+      switch (item) {
+        case "formatter":
+          [
+            "eslint-plugin-format",
+            result.frameworks.includes("astro") ? "prettier-plugin-astro" : null
+          ].forEach((f) => {
+            if (!f) {
+              return;
+            }
+            pkg.devDependencies[f] = package_default.devDependencies[f];
+            addedPackages.push(f);
+          });
+          break;
+        case "unocss":
+          [
+            "@unocss/eslint-plugin"
+          ].forEach((f) => {
+            pkg.devDependencies[f] = package_default.devDependencies[f];
+            addedPackages.push(f);
+          });
+          break;
+      }
     });
-    if (!confirmed) {
-      return process.exit(1);
+  }
+  for (const framework of result.frameworks) {
+    const deps = dependenciesMap[framework];
+    if (deps) {
+      deps.forEach((f) => {
+        pkg.devDependencies[f] = package_default.devDependencies[f];
+        addedPackages.push(f);
+      });
     }
   }
-  console.log(c2.cyan(`${ARROW} bumping @kirklin/eslint-config to v${version}`));
-  const pkgContent = await fsp.readFile(pathPackageJSON, "utf-8");
-  const pkg = JSON.parse(pkgContent);
-  pkg.devDependencies ?? (pkg.devDependencies = {});
-  pkg.devDependencies["@kirklin/eslint-config"] = `^${version}`;
-  if (!pkg.devDependencies.eslint) {
-    pkg.devDependencies.eslint = eslintVersion;
+  if (addedPackages.length) {
+    p.note(`${c2.dim(addedPackages.join(", "))}`, "Added packages");
   }
   await fsp.writeFile(pathPackageJSON, JSON.stringify(pkg, null, 2));
-  console.log(c2.green(`${CHECK} changes wrote to package.json`));
+  p.log.success(c2.green(`Changes wrote to package.json`));
+}
+
+// src/cli/stages/update-eslint-files.ts
+import fs from "node:fs";
+import fsp2 from "node:fs/promises";
+import process2 from "node:process";
+import path2 from "node:path";
+import c3 from "picocolors";
+import * as p2 from "@clack/prompts";
+import parse from "parse-gitignore";
+async function updateEslintFiles(result) {
+  const cwd = process2.cwd();
+  const pathESLintIgnore = path2.join(cwd, ".eslintignore");
+  const pathPackageJSON = path2.join(cwd, "package.json");
+  const pkgContent = await fsp2.readFile(pathPackageJSON, "utf-8");
+  const pkg = JSON.parse(pkgContent);
+  const configFileName = pkg.type === "module" ? "eslint.config.js" : "eslint.config.mjs";
+  const pathFlatConfig = path2.join(cwd, configFileName);
   const eslintIgnores = [];
   if (fs.existsSync(pathESLintIgnore)) {
-    console.log(c2.cyan(`${ARROW} migrating existing .eslintignore`));
-    const content = await fsp.readFile(pathESLintIgnore, "utf-8");
+    p2.log.step(c3.cyan(`Migrating existing .eslintignore`));
+    const content = await fsp2.readFile(pathESLintIgnore, "utf-8");
     const parsed = parse(content);
     const globs = parsed.globs();
     for (const glob of globs) {
@@ -161,102 +410,176 @@ async function run(options = {}) {
       }
     }
   }
-  let eslintConfigContent = "";
-  const kirklinConfig = `${eslintIgnores.length ? `ignores: ${JSON.stringify(eslintIgnores)}` : ""}`;
-  if (pkg.type === "module") {
-    eslintConfigContent = `
-import kirklin from '@kirklin/eslint-config'
-
-export default kirklin({
-${kirklinConfig}
-})
-`.trimStart();
-  } else {
-    eslintConfigContent = `
-const kirklin = require('@kirklin/eslint-config').default
-
-module.exports = kirklin({
-${kirklinConfig}
-})
-`.trimStart();
+  const configLines = [];
+  if (eslintIgnores.length) {
+    configLines.push(`ignores: ${JSON.stringify(eslintIgnores)},`);
+  }
+  if (result.extra.includes("formatter")) {
+    configLines.push(`formatters: true,`);
+  }
+  if (result.extra.includes("unocss")) {
+    configLines.push(`unocss: true,`);
+  }
+  for (const framework of result.frameworks) {
+    configLines.push(`${framework}: true,`);
   }
-  await fsp.writeFile(pathFlatConfig, eslintConfigContent);
-  console.log(c2.green(`${CHECK} created eslint.config.js`));
+  const mainConfig = configLines.map((i) => `  ${i}`).join("\n");
+  const additionalConfig = [];
+  const eslintConfigContent = getEslintConfigContent(mainConfig, additionalConfig);
+  await fsp2.writeFile(pathFlatConfig, eslintConfigContent);
+  p2.log.success(c3.green(`Created ${configFileName}`));
   const files = fs.readdirSync(cwd);
   const legacyConfig = [];
   files.forEach((file) => {
-    if (file.includes("eslint") || file.includes("prettier")) {
+    if (/eslint|prettier/.test(file) && !/eslint\.config\./.test(file)) {
       legacyConfig.push(file);
     }
   });
   if (legacyConfig.length) {
-    console.log(`${WARN} you can now remove those files manually:`);
-    console.log(`   ${c2.dim(legacyConfig.join(", "))}`);
+    p2.note(`${c3.dim(legacyConfig.join(", "))}`, "You can now remove those files manually");
   }
-  let promptResult = {
-    updateVscodeSettings: true
-  };
-  if (!SKIP_PROMPT) {
-    try {
-      promptResult = await prompts({
-        initial: true,
-        message: "Update .vscode/settings.json for better VS Code experience?",
-        name: "updateVscodeSettings",
-        type: "confirm"
-      }, {
-        onCancel: () => {
-          throw new Error(`Cancelled`);
-        }
-      });
-    } catch (cancelled) {
-      console.log(cancelled.message);
-      return;
-    }
+}
+
+// src/cli/stages/update-vscode-settings.ts
+import path3 from "node:path";
+import fsp3 from "node:fs/promises";
+import fs2 from "node:fs";
+import process3 from "node:process";
+import c4 from "picocolors";
+import * as p3 from "@clack/prompts";
+async function updateVscodeSettings(result) {
+  const cwd = process3.cwd();
+  if (!result.updateVscodeSettings) {
+    return;
   }
-  if (promptResult?.updateVscodeSettings ?? true) {
-    const dotVscodePath = path.join(cwd, ".vscode");
-    const settingsPath = path.join(dotVscodePath, "settings.json");
-    if (!fs.existsSync(dotVscodePath)) {
-      await fsp.mkdir(dotVscodePath, { recursive: true });
-    }
-    if (!fs.existsSync(settingsPath)) {
-      await fsp.writeFile(settingsPath, `{${vscodeSettingsString}}
+  const dotVscodePath = path3.join(cwd, ".vscode");
+  const settingsPath = path3.join(dotVscodePath, "settings.json");
+  if (!fs2.existsSync(dotVscodePath)) {
+    await fsp3.mkdir(dotVscodePath, { recursive: true });
+  }
+  if (!fs2.existsSync(settingsPath)) {
+    await fsp3.writeFile(settingsPath, `{${vscodeSettingsString}}
 `, "utf-8");
-      console.log(c2.green(`${CHECK} created .vscode/settings.json`));
-    } else {
-      let settingsContent = await fsp.readFile(settingsPath, "utf8");
-      settingsContent = settingsContent.trim().replace(/\s*}$/, "");
-      settingsContent += settingsContent.endsWith(",") || settingsContent.endsWith("{") ? "" : ",";
-      settingsContent += `${vscodeSettingsString}}
+    p3.log.success(c4.green(`Created .vscode/settings.json`));
+  } else {
+    let settingsContent = await fsp3.readFile(settingsPath, "utf8");
+    settingsContent = settingsContent.trim().replace(/\s*}$/, "");
+    settingsContent += settingsContent.endsWith(",") || settingsContent.endsWith("{") ? "" : ",";
+    settingsContent += `${vscodeSettingsString}}
 `;
-      await fsp.writeFile(settingsPath, settingsContent, "utf-8");
-      console.log(c2.green(`${CHECK} updated .vscode/settings.json`));
+    await fsp3.writeFile(settingsPath, settingsContent, "utf-8");
+    p3.log.success(c4.green(`Updated .vscode/settings.json`));
+  }
+}
+
+// src/cli/run.ts
+async function run(options = {}) {
+  const argSkipPrompt = !!process4.env.SKIP_PROMPT || options.yes;
+  const argTemplate = options.frameworks?.map((m) => m.trim());
+  const argExtra = options.extra?.map((m) => m.trim());
+  if (fs3.existsSync(path4.join(process4.cwd(), "eslint.config.js"))) {
+    p4.log.warn(c5.yellow(`eslint.config.js already exists, migration wizard exited.`));
+    return process4.exit(1);
+  }
+  let result = {
+    extra: argExtra ?? [],
+    frameworks: argTemplate ?? [],
+    uncommittedConfirmed: false,
+    updateVscodeSettings: true
+  };
+  if (!argSkipPrompt) {
+    result = await p4.group({
+      uncommittedConfirmed: () => {
+        if (argSkipPrompt || isGitClean()) {
+          return Promise.resolve(true);
+        }
+        return p4.confirm({
+          initialValue: false,
+          message: "There are uncommitted changes in the current repository, are you sure to continue?"
+        });
+      },
+      frameworks: ({ results }) => {
+        const isArgTemplateValid = typeof argTemplate === "string" && !!frameworks.includes(argTemplate);
+        if (!results.uncommittedConfirmed || isArgTemplateValid) {
+          return;
+        }
+        const message = !isArgTemplateValid && argTemplate ? `"${argTemplate}" isn't a valid template. Please choose from below: ` : "Select a framework:";
+        return p4.multiselect({
+          message: c5.reset(message),
+          options: frameworkOptions,
+          required: false
+        });
+      },
+      extra: ({ results }) => {
+        const isArgExtraValid = argExtra?.length && !argExtra.filter((element) => !extra.includes(element)).length;
+        if (!results.uncommittedConfirmed || isArgExtraValid) {
+          return;
+        }
+        const message = !isArgExtraValid && argExtra ? `"${argExtra}" isn't a valid extra util. Please choose from below: ` : "Select a extra utils:";
+        return p4.multiselect({
+          message: c5.reset(message),
+          options: extraOptions,
+          required: false
+        });
+      },
+      updateVscodeSettings: ({ results }) => {
+        if (!results.uncommittedConfirmed) {
+          return;
+        }
+        return p4.confirm({
+          initialValue: true,
+          message: "Update .vscode/settings.json for better VS Code experience?"
+        });
+      }
+    }, {
+      onCancel: () => {
+        p4.cancel("Operation cancelled.");
+        process4.exit(0);
+      }
+    });
+    if (!result.uncommittedConfirmed) {
+      return process4.exit(1);
     }
   }
-  console.log(c2.green(`${CHECK} migration completed`));
-  console.log(`Now you can update the dependencies and run ${c2.blue("eslint . --fix")}
+  await updatePackageJson(result);
+  await updateEslintFiles(result);
+  await updateVscodeSettings(result);
+  p4.log.success(c5.green(`Setup completed`));
+  p4.outro(`Now you can update the dependencies and run ${c5.blue("eslint . --fix")}
 `);
 }
 
 // src/cli/index.ts
 function header() {
-  console.log(`
-${c3.green(`@kirklin/eslint-config `)}${c3.dim(`v${version}`)}`);
+  console.log("\n");
+  p5.intro(`${c6.green(`@kirklin/eslint-config `)}${c6.dim(`v${package_default.version}`)}`);
 }
-var instance = yargs(hideBin(process2.argv)).scriptName("@kirklin/eslint-config").usage("").command(
+var instance = yargs(hideBin(process5.argv)).scriptName("@kirklin/eslint-config").usage("").command(
   "*",
   "Run the initialization or migration",
-  (args) => args.option("yes", { alias: "y", description: "Skip prompts and use default values", type: "boolean" }).help(),
+  (args) => args.option("yes", {
+    alias: "y",
+    description: "Skip prompts and use default values",
+    type: "boolean"
+  }).option("template", {
+    alias: "t",
+    description: "Use the framework template for optimal customization: vue / react / svelte / astro",
+    type: "string"
+  }).option("extra", {
+    alias: "e",
+    array: true,
+    description: "Use the extra utils: formatter / perfectionist / unocss",
+    type: "string"
+  }).help(),
   async (args) => {
     header();
-    console.log();
     try {
       await run(args);
     } catch (error) {
-      console.error(c3.inverse(c3.red(" Failed to migrate ")));
-      console.error(c3.red(`${CROSS} ${String(error)}`));
-      process2.exit(1);
+      p5.log.error(c6.inverse(c6.red(" Failed to migrate ")));
+      p5.log.error(c6.red(`\u2718 ${String(error)}`));
+      process5.exit(1);
     }
   }
-).showHelpOnFail(false).alias("h", "help").version("version", version).alias("v", "version");
+).showHelpOnFail(false).alias("h", "help").version("version", package_default.version).alias("v", "version");
 instance.help().argv;