Update eslint-config and eslint-plugin

Author: ByScripts

packages/eslint-config/README.md

@@ -7,7 +7,7 @@ Shared ESLint flat config for JavaScript, TypeScript, and Vue 3 projects.
 ### Vue 3 + TypeScript (full config)
 
 ```bash
-pnpm add -D @byscripts/eslint-config eslint eslint-plugin-vue @vue/eslint-config-typescript @byscripts/eslint-plugin
+pnpm add -D @byscripts/eslint-config jiti eslint eslint-plugin-vue @vue/eslint-config-typescript
 ```
 
 ```js
@@ -20,7 +20,7 @@ export default vue;
 ### TypeScript only
 
 ```bash
-pnpm add -D @byscripts/eslint-config eslint
+pnpm add -D @byscripts/eslint-config jiti eslint
 ```
 
 ```js

packages/eslint-config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@byscripts/eslint-config",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "repository": {
     "url": "https://github.com/ByScripts/toolbox"
   },

packages/eslint-config/src/vue.ts

@@ -14,14 +14,8 @@ export default defineConfigWithVueTs(
   typescriptConfig,
   pluginVue.configs["flat/recommended-error"],
   vueTsConfigs.recommended,
+  vueBlockAttributeOrder,
   {
-    plugins: {
-      byscripts: {
-        rules: {
-          "vue-block-attribute-order": vueBlockAttributeOrder,
-        },
-      },
-    },
     rules: {
       "vue/block-order": ["error", { order: ["script", "template", "style"] }],
       "vue/block-lang": [
@@ -61,6 +55,10 @@ export default defineConfigWithVueTs(
         },
       ],
       "vue/define-props-declaration": ["error", "type-based"],
+      "vue/define-props-destructuring": [
+        "error",
+        { destructure: "only-when-assigned" },
+      ],
       "vue/enforce-style-attribute": ["error", { allow: ["scoped", "module"] }],
       "vue/html-button-has-type": "error",
       "vue/html-comment-content-newline": [
@@ -71,17 +69,29 @@ export default defineConfigWithVueTs(
         },
       ],
       "vue/html-comment-content-spacing": ["error", "always"],
+      "vue/html-comment-indent": ["error", 2],
+      "vue/max-props": ["error", { maxProps: 5 }],
+      "vue/max-template-depth": ["error", { maxDepth: 7 }],
+      "vue/next-tick-style": ["error", "promise"],
+      // Enable if using I18n
+      // "vue/no-bare-strings-in-template": "error",
       "vue/no-duplicate-attr-inheritance": "error",
+      "vue/no-duplicate-class-names": "error",
       "vue/no-empty-component-block": "error",
+      "vue/no-import-compiler-macros": "error",
+      "vue/no-literals-in-template": "error",
       "vue/no-multiple-objects-in-class": "error",
+      "vue/no-negated-v-if-condition": "error",
       "vue/no-ref-object-reactivity-loss": "error",
       "vue/no-static-inline-styles": "error",
       "vue/no-template-target-blank": "error",
       "vue/no-undef-components": [
         "error",
         { ignorePatterns: ["RouterLink", "RouterView", "I18nT"] },
       ],
+      "vue/no-undef-directives": "error",
       "vue/no-undef-properties": "error",
+      "vue/no-unused-emit-declarations": "error",
       "vue/no-unused-refs": "error",
       "vue/no-use-v-else-with-v-for": "error",
       "vue/no-useless-mustaches": "error",
@@ -91,9 +101,15 @@ export default defineConfigWithVueTs(
       "vue/prefer-define-options": "error",
       "vue/prefer-separate-static-class": "error",
       "vue/prefer-true-attribute-shorthand": "error",
+      "vue/prefer-use-template-ref": "error",
+      "vue/require-explicit-slots": "error",
       "vue/require-macro-variable-name": "error",
-      "vue/valid-define-options": "error",
-      "byscripts/vue-block-attribute-order": "error",
+      "vue/require-typed-object-prop": "error",
+      "vue/require-typed-ref": "error",
+      "vue/slot-name-casing": ["error", "kebab-case"],
+      "vue/static-class-names-order": "error",
+      "vue/v-for-delimiter-style": ["error", "of"],
+      "vue/v-on-handler-style": ["error", ["method", "inline-function"]],
     },
   },
 );

packages/eslint-config/tsconfig.json

@@ -1,3 +1,7 @@
 {
-  "extends": "@tsconfig/node22/tsconfig.json"
+  "extends": "@tsconfig/node22/tsconfig.json",
+  "compilerOptions": {
+    "declaration": true,
+    "declarationMap": true
+  }
 }

packages/eslint-plugin/README.md

@@ -24,15 +24,20 @@ Custom order via rule options:
 }]
 ```
 
-## Dev
+## Install
 
 ```bash
-pnpm build        # compile src/ -> dist/index.mjs + dist/index.d.mts
-pnpm publish --access public   # publish to npm
+pnpm add -D @byscripts/eslint-plugin eslint
+```
+
+```js
+// eslint.config.js
+import vueBlockAttributeOrder from "@byscripts/eslint-plugin/vue-block-attribute-order";
+
+export default [...yourOtherRules, vueBlockAttributeOrder];
 ```
 
 ## Notes
 
-- Built with `tsdown --dts`
-- Peer dependency: `eslint ^9.22.0`
+- Peer dependency: `eslint ^9.22.0 || ^10.0.0`
 - Requires `vue-eslint-parser` in the consumer project (for `parserServices.getDocumentFragment()`)

packages/eslint-plugin/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@byscripts/eslint-plugin",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "repository": {
     "url": "https://github.com/ByScripts/toolbox"
   },

packages/eslint-plugin/src/vue-block-attribute-order.ts

@@ -1,5 +1,4 @@
-// eslint/block-attribute-order.ts
-import type { Rule } from "eslint";
+import type { Linter, Rule } from "eslint";
 
 type AttributeOrder = Record<string, string[]>;
 
@@ -8,7 +7,7 @@ const DEFAULT_ORDER: AttributeOrder = {
   style: ["lang", "scoped"],
 };
 
-export default {
+const rule: Rule.RuleModule = {
   meta: {
     type: "layout",
     fixable: "code",
@@ -117,4 +116,17 @@ export default {
       },
     };
   },
-} satisfies Rule.RuleModule;
+};
+
+export default {
+  plugins: {
+    byscripts: {
+      rules: {
+        "vue-block-attribute-order": rule,
+      },
+    },
+  },
+  rules: {
+    "byscripts/vue-block-attribute-order": "error",
+  },
+} satisfies Linter.Config;

packages/eslint-plugin/tsconfig.json

@@ -1,3 +1,7 @@
 {
-  "extends": "@tsconfig/node22/tsconfig.json"
+  "extends": "@tsconfig/node22/tsconfig.json",
+  "compilerOptions": {
+    "declaration": true,
+    "declarationMap": true
+  }
 }