@eset-gdd/code-styleguide-eslint-vue3 1.1.5 → 1.1.7

package/configs/rules.js

@@ -1,6 +1,6 @@
 export const rules = {
   // general
-  "vue/component-tags-order": [
+  "vue/block-order": [
     "error",
     {
       order: ["template", "script", "style"],
@@ -22,7 +22,6 @@ export const rules = {
   ],
 
   // template
-  "vue/no-multiple-template-root": "warn",
   "vue/attributes-order": [
     "error",
     {
@@ -124,9 +123,9 @@ export const rules = {
       ignore: [],
     },
   ],
-  "vue/v-on-function-call": [
+  "vue/v-on-handler-style": [
     "error",
-    "never",
+    ["method", "inline-function"],
     {
       ignoreIncludesComment: false,
     },
@@ -140,13 +139,32 @@ export const rules = {
   "vue/prefer-separate-static-class": "error",
   "vue/prefer-template": "error",
   "vue/prop-name-casing": ["error", "camelCase"],
-  // "vue/custom-event-name-casing": ["error", "camelCase"],
+  "vue/attribute-hyphenation": [
+    "error",
+    "always",
+    {
+      ignore: [],
+      ignoreTags: [],
+    },
+  ],
+  "vue/max-attributes-per-line": [
+    "error",
+    {
+      singleline: {
+        max: 3,
+      },
+      multiline: {
+        max: 1,
+      },
+    },
+  ],
   "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",
+      message:
+        "Boolean ref variables must start with is/are/was/were/has/did/can/should",
     },
   ],
 };

package/index.js

@@ -1,13 +1,21 @@
 /* eslint-disable import-x/extensions */
 import pluginVue from "eslint-plugin-vue";
 import globals from "globals";
+import tseslint from "typescript-eslint";
 import { rules as vueRules } from "./configs/rules.js";
+import { getRules as getTsRules } from "@eset-gdd/code-styleguide-eslint-base-typescript";
 
-export const rules = { ...vueRules };
+const getRules = ({ strict, typescript }) => {
+  if (typescript) {
+    return { ...vueRules, ...getTsRules({ strict }) };
+  }
 
-export default [
-  ...pluginVue.configs["flat/recommended"],
-  {
+  return { ...vueRules };
+};
+const createConfig = (options = {}) => {
+  const { strict = false, typescript = true } = options;
+  const rules = getRules(options);
+  const vueConfig = {
     files: ["**/*.vue"],
     languageOptions: {
       globals: {
@@ -29,7 +37,36 @@ export default [
       },
     },
     rules: {
-      ...vueRules,
+      ...rules,
     },
-  },
-];
+  };
+
+  if (typescript) {
+    vueConfig.languageOptions.parserOptions = {
+      parser: tseslint.parser,
+      projectService: strict,
+      extraFileExtensions: [".vue"],
+      sourceType: "module",
+    };
+    vueConfig.plugins = {
+      "@typescript-eslint": tseslint.plugin,
+    };
+  }
+
+  return [...pluginVue.configs["flat/recommended"], vueConfig];
+};
+const vueConfig = (options) => {
+  return createConfig(options);
+};
+
+vueConfig[Symbol.iterator] = function* () {
+  const config = createConfig({ strict: false, typescript: true });
+
+  for (const c of config) {
+    yield c;
+  }
+};
+
+export const rules = getRules({ strict: false, typescript: true });
+
+export default vueConfig;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eset-gdd/code-styleguide-eslint-vue3",
   "type": "module",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "description": "Vue 3 ESLint configuration for ESET's Frontend Coding Styleguide",
   "author": "ESET GWD Team",
   "license": "ISC",
@@ -21,26 +21,20 @@
     "vue3",
     "code-style"
   ],
-  "exports": {
-    ".": "./index.js",
-    "./index.js": "./index.js",
-    "./typescript": "./typescript.js"
-  },
   "main": "index.js",
   "files": [
     "README.md",
     "configs",
-    "index.js",
-    "typescript.js"
+    "index.js"
   ],
   "peerDependencies": {
     "eslint": "^9.37.0",
     "vue": ">=3.0.0"
   },
   "dependencies": {
-    "@eset-gdd/code-styleguide-eslint-base-typescript": "^1.1.5",
-    "eslint-plugin-vue": "^9.31.0",
+    "@eset-gdd/code-styleguide-eslint-base-typescript": "^1.1.7",
+    "eslint-plugin-vue": "^10.6.0",
     "globals": "^16.4.0",
-    "typescript-eslint": "^8.18.2"
+    "typescript-eslint": "^8.47.0"
   }
 }

package/typescript.js

@@ -1,47 +0,0 @@
-/* eslint-disable import-x/extensions */
-import pluginVue from "eslint-plugin-vue";
-import globals from "globals";
-import tseslint from "typescript-eslint";
-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 default [
-  ...pluginVue.configs["flat/recommended"],
-  {
-    files: ["**/*.vue"],
-    languageOptions: {
-      parserOptions: {
-        parser: tseslint.parser,
-        projectService: true,
-        extraFileExtensions: [".vue"],
-        sourceType: "module",
-      },
-      globals: {
-        ...globals.browser,
-        computed: "readonly",
-        defineEmits: "readonly",
-        defineExpose: "readonly",
-        defineProps: "readonly",
-        onMounted: "readonly",
-        onUnmounted: "readonly",
-        reactive: "readonly",
-        ref: "readonly",
-        shallowReactive: "readonly",
-        shallowRef: "readonly",
-        toRef: "readonly",
-        toRefs: "readonly",
-        watch: "readonly",
-        watchEffect: "readonly",
-      },
-    },
-    plugins: {
-      "@typescript-eslint": tseslint.plugin,
-    },
-    rules: {
-      ...vueRules,
-      ...tsFlatConfig,
-    },
-  },
-];