🔋 chore: eslint commonjs globals

.stylelintrc.cjs

@@ -1,63 +1,63 @@
 module.exports = {
-  "extends": [
-    "stylelint-config-standard",
-    "stylelint-config-standard-scss",
-    "stylelint-config-recommended-vue",
-    "stylelint-config-recommended-vue/scss"
+  'extends': [
+    'stylelint-config-standard',
+    'stylelint-config-standard-scss',
+    'stylelint-config-recommended-vue',
+    'stylelint-config-recommended-vue/scss'
   ],
-  "ignoreFiles": ["**/*.js", "**/*.ts"],
-  "defaultSeverity": "error",
-  "rules": {
-    "unit-disallowed-list": [
-      "rem",
-      "pt"
+  'ignoreFiles': ['**/*.js', '**/*.ts'],
+  'defaultSeverity': 'error',
+  'rules': {
+    'unit-disallowed-list': [
+      'rem',
+      'pt'
     ],
-    "no-empty-source": null,
-    "block-no-empty": null,
+    'no-empty-source': null,
+    'block-no-empty': null,
     'declaration-block-no-duplicate-custom-properties': null,
-    "font-family-no-missing-generic-family-keyword": null,
+    'font-family-no-missing-generic-family-keyword': null,
 
-    "selector-class-pattern": "^[a-z]([a-z0-9-]+)?(__([a-z0-9]+-?)+)?(__([a-z0-9]+-?)+)?(--([a-z0-9]+-?)+){0,2}$|^Mui.*$|^([a-z][a-z0-9]*)(_[a-z0-9]+)*$",
+    'selector-class-pattern': '^[a-z]([a-z0-9-]+)?(__([a-z0-9]+-?)+)?(__([a-z0-9]+-?)+)?(--([a-z0-9]+-?)+){0,2}$|^Mui.*$|^([a-z][a-z0-9]*)(_[a-z0-9]+)*$',
 
-    "scss/at-mixin-pattern": "^[a-z]([a-z0-9-]+)?(__([a-z0-9]+-?)+)?(__([a-z0-9]+-?)+)?(--([a-z0-9]+-?)+){0,2}$|^Mui.*$|^([a-z][a-z0-9]*)(_[a-z0-9]+)*$",
-    "scss/double-slash-comment-whitespace-inside": "always",
-    "scss/dollar-variable-pattern": null,
+    'scss/at-mixin-pattern': '^[a-z]([a-z0-9-]+)?(__([a-z0-9]+-?)+)?(__([a-z0-9]+-?)+)?(--([a-z0-9]+-?)+){0,2}$|^Mui.*$|^([a-z][a-z0-9]*)(_[a-z0-9]+)*$',
+    'scss/double-slash-comment-whitespace-inside': 'always',
+    'scss/dollar-variable-pattern': null,
 
-    "selector-pseudo-class-no-unknown": [
+    'selector-pseudo-class-no-unknown': [
       true,
       {
-        "ignorePseudoClasses": [
-          "export",
-          "deep"
+        'ignorePseudoClasses': [
+          'export',
+          'deep'
         ]
       }
     ],
-    "property-no-unknown": null,
-    "at-rule-empty-line-before": [
-      "always",
+    'property-no-unknown': null,
+    'at-rule-empty-line-before': [
+      'always',
       {
-        "except": ["first-nested", "blockless-after-same-name-blockless"]
+        'except': ['first-nested', 'blockless-after-same-name-blockless']
       }
     ],
-    "custom-property-empty-line-before": [
-      "always",
+    'custom-property-empty-line-before': [
+      'always',
       {
-        "except": ["after-custom-property", "first-nested"]
+        'except': ['after-custom-property', 'first-nested']
       }
     ],
-    "declaration-empty-line-before": [
-      "always",
+    'declaration-empty-line-before': [
+      'always',
       {
-        "except": ["after-declaration", "first-nested"]
+        'except': ['after-declaration', 'first-nested']
       }
     ],
-    "rule-empty-line-before": ["always-multi-line"],
+    'rule-empty-line-before': ['always-multi-line'],
 
     // 忽视 -webkit-xxxx 等兼容写法
-    "property-no-vendor-prefix": [
+    'property-no-vendor-prefix': [
       true,
       {
-        ignoreProperties: ["box-shadow"]
+        ignoreProperties: ['box-shadow']
       }
     ]
   }

README.md

@@ -14,7 +14,7 @@
 
 🏄‍♂️ A Starter template built on Vite 5.x + TypeScript + Vue 3.4 + Naive UI + Pinia + UnoCSS + Unplugin Auto Import.
 
-一个简洁的 Vite5 + Vue3.4 + TypeScript 的 B 端后台原型 Naive UI 模板框架，内置 Pinia 模块化管理代码、路由鉴权、UnoCSS 暗黑模式、Unplugin 自动导入等, 开箱即用, 注重快速高效搭建实际业务场景, 持续更新最新技术栈 💪
+一个简洁的 Vite5 + Vue3.4 + TypeScript + ESLint(v9) 的 B 端后台原型 Naive UI 模板框架，内置 Pinia 模块化管理代码、路由鉴权、UnoCSS 暗黑模式、Unplugin 自动导入等, 开箱即用, 注重快速高效搭建实际业务场景, 持续更新最新技术栈 🎊
 
 [🔥 Live Demo 在线体验](https://pdsuwwz.github.io/vite-naive-template)
 

eslint.config.js

@@ -1,25 +1,27 @@
 // import antfu from '@antfu/eslint-config'
 // export default antfu()
 
-import { defineFlatConfig } from 'eslint-define-config';
+import globals from 'globals'
+import { defineFlatConfig } from 'eslint-define-config'
 
-import * as parserTypeScript from '@typescript-eslint/parser';
-import pluginTypeScript from '@typescript-eslint/eslint-plugin';
+import * as parserTypeScript from '@typescript-eslint/parser'
+import pluginTypeScript from '@typescript-eslint/eslint-plugin'
+
+import * as parserVue from 'vue-eslint-parser'
+import pluginVue from 'eslint-plugin-vue'
+import js from '@eslint/js'
 
-import * as parserVue from 'vue-eslint-parser';
-import pluginVue from 'eslint-plugin-vue';
-import js from '@eslint/js';
 
 function renameRules(rules, map) {
   return Object.fromEntries(
     Object.entries(rules).map(([key, value]) => {
       for (const [from, to] of Object.entries(map)) {
         if (key.startsWith(`${from}/`))
-          return [to + key.slice(from.length), value];
+          return [to + key.slice(from.length), value]
       }
-      return [key, value];
+      return [key, value]
     })
-  );
+  )
 }
 
 export default defineFlatConfig([
@@ -31,7 +33,10 @@ export default defineFlatConfig([
       globals: {
         document: 'readonly',
         navigator: 'readonly',
-        window: 'readonly'
+        window: 'readonly',
+        ...globals.node,
+        ...globals.es2021,
+        ...globals.browser
       },
       parserOptions: {
         ecmaFeatures: {
@@ -50,7 +55,7 @@ export default defineFlatConfig([
       'constructor-super': 'error',
       'default-case-last': 'error',
       'dot-notation': ['error', { allowKeywords: true }],
-      'eqeqeq': ['error', 'smart'],
+      'eqeqeq': ['error', 'always'],
       'new-cap': ['error', { capIsNew: false, newIsCap: true, properties: true }],
       'no-alert': 'error',
       'no-array-constructor': 'error',
@@ -160,6 +165,9 @@ export default defineFlatConfig([
       'no-useless-return': 'error',
       'no-var': 'error',
       'no-with': 'error',
+      'key-spacing': 'error',
+      'space-infix-ops': 'error',
+      'object-curly-spacing': ['error', 'always'],
       'object-shorthand': [
         'error',
         'always',
@@ -235,6 +243,11 @@ export default defineFlatConfig([
         }
       }
     },
+    settings: {
+      'import/core-modules': [
+        'uno.css'
+      ]
+    },
     plugins: {
       '@typescript-eslint': pluginTypeScript
     },
@@ -321,4 +334,4 @@ export default defineFlatConfig([
       }]
     }
   }
-]);
+])

package.json

@@ -92,6 +92,7 @@
     "eslint-plugin-html": "8.0.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-vue": "^9.24.0",
+    "globals": "^15.0.0",
     "identity-obj-proxy": "^3.0.0",
     "jsdom": "^24.0.0",
     "postcss": "^8.4.38",