@eset-gdd/code-styleguide-eslint-vue3 1.1.2 → 1.1.4

package/configs/rules.js

@@ -0,0 +1,152 @@
+export const rules = {
+  // general
+  "vue/component-tags-order": [
+    "error",
+    {
+      order: ["template", "script", "style"],
+    },
+  ],
+  "vue/custom-event-name-casing": [
+    "warn",
+    "kebab-case",
+    {
+      ignores: [],
+    },
+  ],
+  "vue/component-definition-name-casing": ["error", "PascalCase"],
+  "vue/no-unused-properties": [
+    "warn",
+    {
+      groups: ["props", "data", "computed", "methods"],
+    },
+  ],
+
+  // template
+  "vue/no-multiple-template-root": "warn",
+  "vue/attributes-order": [
+    "error",
+    {
+      order: [
+        "DEFINITION",
+        "LIST_RENDERING",
+        "CONDITIONALS",
+        "RENDER_MODIFIERS",
+        "GLOBAL",
+        ["UNIQUE", "SLOT"],
+        "TWO_WAY_BINDING",
+        "OTHER_DIRECTIVES",
+        "OTHER_ATTR",
+        "EVENTS",
+        "CONTENT",
+      ],
+      alphabetical: false,
+    },
+  ],
+  "vue/html-self-closing": [
+    "error",
+    {
+      html: {
+        void: "always",
+        normal: "never",
+        component: "always",
+      },
+      svg: "always",
+      math: "always",
+    },
+  ],
+  "vue/component-name-in-template-casing": [
+    "error",
+    "PascalCase",
+    {
+      registeredComponentsOnly: false,
+    },
+  ],
+  "vue/html-button-has-type": [
+    "warn",
+    {
+      button: true,
+      submit: true,
+      reset: true,
+    },
+  ],
+  "vue/no-multi-spaces": ["error"],
+  "vue/no-reserved-component-names": [
+    "error",
+    {
+      disallowVueBuiltInComponents: true,
+      disallowVue3BuiltInComponents: true,
+    },
+  ],
+  "vue/no-restricted-component-options": [
+    "error",
+    "init",
+    "beforeCompile",
+    "compiled",
+    "activate",
+    "ready",
+    "/^(?:at|de)tached$/",
+  ],
+  "vue/no-undef-components": [
+    "error",
+    {
+      ignorePatterns: [
+        "custom(\\-\\w+)+",
+        "app(\\-\\w+)+",
+        "b(\\-\\w+)+",
+        "font(\\-\\w+)+",
+        "nuxt",
+        "nuxt(\\-\\w+)+",
+        "router(\\-\\w+)+",
+        "VGuard",
+      ],
+    },
+  ],
+  "vue/no-useless-mustaches": [
+    "error",
+    {
+      ignoreIncludesComment: false,
+      ignoreStringEscape: false,
+    },
+  ],
+  "vue/no-useless-v-bind": [
+    "error",
+    {
+      ignoreIncludesComment: false,
+      ignoreStringEscape: false,
+    },
+  ],
+  "vue/padding-line-between-blocks": ["error", "always"],
+  "vue/v-on-event-hyphenation": [
+    "error",
+    "always",
+    {
+      autofix: false,
+      ignore: [],
+    },
+  ],
+  "vue/v-on-function-call": [
+    "error",
+    "never",
+    {
+      ignoreIncludesComment: false,
+    },
+  ],
+  "vue/define-macros-order": [
+    "error",
+    {
+      order: ["defineOptions", "defineProps", "defineEmits", "defineSlots"],
+    },
+  ],
+  "vue/prefer-separate-static-class": "error",
+  "vue/prefer-template": "error",
+  "vue/prop-name-casing": ["error", "camelCase"],
+  // "vue/custom-event-name-casing": ["error", "camelCase"],
+  "no-restricted-syntax": [
+    "error",
+    {
+      selector:
+        "VariableDeclarator[init.type='CallExpression'][init.callee.name='ref'][init.arguments.0.raw=/^(true|false)$/][id.name=/^(?!is|are|was|were|has|did|can|should)[a-z]/]",
+      message: "Boolean ref variables must start with is/are/was/were/has/did/can/should",
+    },
+  ],
+};

package/index.js

@@ -1,9 +1,9 @@
 /* eslint-disable import-x/extensions */
 import pluginVue from "eslint-plugin-vue";
 import globals from "globals";
-import { vueRules } from "./configs/rules.js";
+import { rules as vueRules } from "./configs/rules.js";
 
-export const rules = [...vueRules];
+export const rules = { ...vueRules };
 
 export default [
   ...pluginVue.configs["flat/recommended"],

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@eset-gdd/code-styleguide-eslint-vue3",
     "type": "module",
-    "version": "1.1.2",
+    "version": "1.1.4",
     "description": "Vue 3 ESLint configuration for ESET's Frontend Coding Styleguide",
     "author": "ESET GWD Team",
     "license": "ISC",
@@ -29,8 +29,8 @@
     "main": "index.js",
     "files": [
         "README.md",
+        "configs",
         "index.js",
-        "rules.js",
         "typescript.js"
     ],
     "peerDependencies": {
@@ -38,7 +38,7 @@
         "vue": ">=3.0.0"
     },
     "dependencies": {
-        "@eset-gdd/code-styleguide-eslint-base-typescript": "^1.1.2",
+        "@eset-gdd/code-styleguide-eslint-base-typescript": "^1.1.4",
         "eslint-plugin-vue": "^9.31.0",
         "globals": "^16.4.0",
         "typescript-eslint": "^8.18.2"

package/typescript.js

@@ -2,10 +2,10 @@
 import pluginVue from "eslint-plugin-vue";
 import globals from "globals";
 import tseslint from "typescript-eslint";
-import { vueRules } from "./configs/rules.js";
-import { flatConfigRules as tsFlatConfig } from "@eset-gdd/code-styleguide-eslint-base-typescript";
+import { rules as vueRules } from "./configs/rules.js";
+import { rules as tsFlatConfig } from "@eset-gdd/code-styleguide-eslint-base-typescript";
 
-export const rules = [...vueRules, ...tsFlatConfig];
+export const rules = { ...vueRules, ...tsFlatConfig };
 
 export default [
   ...pluginVue.configs["flat/recommended"],