add eslint option

Author: rtugeek

eslint.config.mjs

@@ -1,4 +1,5 @@
 import antfu from '@antfu/eslint-config'
+
 export default antfu({
   type: 'lib',
   stylistic: {

eslint/eslint.config.js

@@ -0,0 +1,12 @@
+import antfu from '@antfu/eslint-config'
+
+export default antfu({
+  stylistic: {
+    indent: 2,
+    quotes: 'single',
+  },
+  typescript: true,
+  vue: true,
+  jsonc: false,
+  yaml: false,
+})

index.cjs

@@ -7866,6 +7866,7 @@ async function init() {
   const vueuse = argv2.vueuse;
   const iconpark = argv2.iconpark;
   const githubPage = argv2.githubPage;
+  const eslintConfig = argv2.eslintConfig;
   const cwd2 = process2.cwd();
   let result = {};
   result = await (0, import_prompts.default)(
@@ -7912,6 +7913,13 @@ async function init() {
         message: () => {
           return `Use GitHub Page to deploy your project?`;
         }
+      },
+      {
+        name: "useEslintConfig",
+        type: () => eslintConfig ? null : "confirm",
+        message: () => {
+          return `Use @antfu/eslint-config (Anthony's ESLint config preset)?`;
+        }
       }
     ],
     {
@@ -7926,7 +7934,8 @@ async function init() {
     useVueUse = argv2.vueuse,
     useUnoCss = argv2.unocss,
     useIconPark = argv2.iconpark,
-    useGithubPage = argv2.githubPage
+    useGithubPage = argv2.githubPage,
+    useEslintConfig = argv2.eslintConfig
   } = result;
   const root = import_node_path.default.join(cwd2, targetDir);
   if (import_node_fs.default.existsSync(root) && shouldOverwrite) {
@@ -7951,6 +7960,17 @@ Scaffolding project in ${root}...`);
   if (useIconPark) {
     packageJson.dependencies["@icon-park/vue-next"] = "latest";
   }
+  if (useEslintConfig) {
+    packageJson.devDependencies["@antfu/eslint-config"] = "latest";
+    packageJson.devDependencies.eslint = "latest";
+    packageJson.scripts = {
+      ...packageJson.scripts,
+      "lint": "eslint .",
+      "lint:fix": "eslint . --fix"
+    };
+    const eslintTemplateRoot = import_node_path.default.join(__dirname, "./eslint");
+    await FileUtils.copyFolderRecursive(eslintTemplateRoot, root);
+  }
   import_node_fs.default.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
   if (useGithubPage) {
     const githubPageTemplateRoot = import_node_path.default.join(__dirname, "./github-page");

package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-widget",
-  "version": "24.1.1-beta.43",
+  "version": "24.1.1-beta.45",
   "private": false,
   "description": "An easy way to start a Widget project",
   "author": "Neo Fu <[email protected]>",
@@ -12,7 +12,9 @@
   "files": [
     "index.cjs",
     "template",
-    "unocss"
+    "unocss",
+    "github-page",
+    "eslint"
   ],
   "engines": {
     "node": ">=v16.20.0"
@@ -24,6 +26,7 @@
     "test": "node index.cjs",
     "update:version": "esno scripts/updateVersion.ts",
     "pnpm:publish": "npm run build && pnpm publish --no-git-checks",
+    "link": "pnpm link --global",
     "lint:fix": "eslint"
   },
   "publishConfig": {

scripts/updateVersion.ts

@@ -1,6 +1,6 @@
 import fs from 'node:fs'
-import packageJson from 'package-json'
 import ora from 'ora'
+import packageJson from 'package-json'
 
 const spinner = ora('Loading unicorns').start()
 async function run() {

src/index.ts

@@ -68,6 +68,7 @@ async function init() {
   const vueuse = argv.vueuse
   const iconpark = argv.iconpark
   const githubPage = argv.githubPage
+  const eslintConfig = argv.eslintConfig
 
   const cwd = process.cwd()
   let result: {
@@ -77,6 +78,7 @@ async function init() {
     useUnoCss?: boolean
     useIconPark?: boolean
     useGithubPage?: boolean
+    useEslintConfig?: boolean
   } = {}
   result = await prompts(
     [
@@ -128,6 +130,13 @@ async function init() {
           return `Use GitHub Page to deploy your project?`
         },
       },
+      {
+        name: 'useEslintConfig',
+        type: () => (eslintConfig ? null : 'confirm'),
+        message: () => {
+          return `Use @antfu/eslint-config (Anthony's ESLint config preset)?`
+        },
+      },
     ],
     {
       onCancel: () => {
@@ -145,6 +154,7 @@ async function init() {
     useUnoCss = argv.unocss,
     useIconPark = argv.iconpark,
     useGithubPage = argv.githubPage,
+    useEslintConfig = argv.eslintConfig,
   } = result
 
   const root = path.join(cwd, targetDir)
@@ -175,6 +185,17 @@ async function init() {
   if (useIconPark) {
     packageJson.dependencies['@icon-park/vue-next'] = 'latest'
   }
+  if (useEslintConfig) {
+    packageJson.devDependencies['@antfu/eslint-config'] = 'latest'
+    packageJson.devDependencies.eslint = 'latest'
+    packageJson.scripts = {
+      ...packageJson.scripts,
+      'lint': 'eslint .',
+      'lint:fix': 'eslint . --fix',
+    }
+    const eslintTemplateRoot = path.join(__dirname, './eslint')
+    await FileUtils.copyFolderRecursive(eslintTemplateRoot, root)
+  }
   fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2))
   if (useGithubPage) {
     const githubPageTemplateRoot = path.join(__dirname, './github-page')

template/package.json

@@ -10,24 +10,24 @@
     "update:widgetjs": "widget dependencies -t remote"
   },
   "dependencies": {
-    "@vueuse/core": "^11.0.1",
+    "@vueuse/core": "latest",
     "@widget-js/core": "latest",
     "@widget-js/vue3": "latest",
-    "element-plus": "^2.8.1",
-    "vue": "^3.3.11",
-    "vue-router": "^4.2.5"
+    "element-plus": "latest",
+    "vue": "latest",
+    "vue-router": "latest"
   },
   "devDependencies": {
-    "@tsconfig/node18": "^18.2.2",
-    "@types/node": "^18.19.3",
-    "@vitejs/plugin-vue": "^4.5.2",
-    "@vue/tsconfig": "^0.5.0",
+    "@tsconfig/node18": "latest",
+    "@types/node": "latest",
+    "@vitejs/plugin-vue": "latest",
+    "@vue/tsconfig": "latest",
     "@widget-js/cli": "latest",
     "@widget-js/vite-plugin-widget": "latest",
-    "typescript": "~5.3.0",
-    "unplugin-auto-import": "^0.11.4",
-    "unplugin-vue-components": "^0.22.9",
-    "vite": "^5.0.10",
-    "vue-tsc": "^1.8.25"
+    "typescript": "latest",
+    "unplugin-auto-import": "latest",
+    "unplugin-vue-components": "latest",
+    "vite": "latest",
+    "vue-tsc": "latest"
   }
 }