@fewangsit/eslint-config-vue-code-standard 1.0.2

package/index.cjs

@@ -0,0 +1,324 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// index.js
+var index_exports = {};
+__export(index_exports, {
+  default: () => index_default
+});
+module.exports = __toCommonJS(index_exports);
+var import_compat = require("@eslint/compat");
+var import_js = __toESM(require("@eslint/js"), 1);
+var import_eslint_plugin_css = __toESM(require("eslint-plugin-css"), 1);
+var import_eslint_plugin_cypress = __toESM(require("eslint-plugin-cypress"), 1);
+var import_eslint_plugin_import = __toESM(require("eslint-plugin-import"), 1);
+var import_recommended = __toESM(require("eslint-plugin-prettier/recommended"), 1);
+var import_eslint_plugin_promise = __toESM(require("eslint-plugin-promise"), 1);
+var import_eslint_plugin_vue = __toESM(require("eslint-plugin-vue"), 1);
+var import_globals = __toESM(require("globals"), 1);
+var import_typescript_eslint = __toESM(require("typescript-eslint"), 1);
+
+// rules/cypress.js
+var cypress_default = {
+  "cypress/no-force": "error",
+  "promise/catch-or-return": "off",
+  "promise/always-return": "off",
+  "promise/prefer-await-to-then": "off"
+};
+
+// rules/import.js
+var import_default = {
+  "import/newline-after-import": ["error", { count: 1 }],
+  "import/order": [
+    "error",
+    {
+      "groups": [
+        ["builtin", "external"],
+        ["internal"],
+        ["parent", "sibling", "index"]
+      ],
+      "named": true,
+      "newlines-between": "always",
+      "alphabetize": { order: "asc", caseInsensitive: true }
+    }
+  ]
+};
+
+// rules/vue.js
+var vue_default = {
+  "vue/attributes-order": [
+    "error",
+    {
+      order: [
+        ["GLOBAL", "UNIQUE", "SLOT"],
+        "DEFINITION",
+        "CONDITIONALS",
+        "LIST_RENDERING",
+        "RENDER_MODIFIERS",
+        "CONTENT",
+        "TWO_WAY_BINDING",
+        "OTHER_DIRECTIVES",
+        "ATTR_DYNAMIC",
+        "EVENTS",
+        ["ATTR_SHORTHAND_BOOL", "ATTR_STATIC"]
+      ],
+      alphabetical: true
+    }
+  ],
+  "vue/block-lang": ["error", { script: { lang: "ts" } }],
+  "vue/block-order": [
+    "error",
+    {
+      order: ["script[setup]", "script", "template", "style"]
+    }
+  ],
+  "vue/custom-event-name-casing": "error",
+  "vue/define-emits-declaration": ["error", "type-based"],
+  "vue/define-macros-order": [
+    "error",
+    {
+      order: ["defineProps", "defineEmits", "defineModel"],
+      defineExposeLast: true
+    }
+  ],
+  "vue/define-props-declaration": ["error", "type-based"],
+  "vue/html-comment-content-newline": "error",
+  "vue/html-self-closing": [
+    "error",
+    {
+      html: {
+        void: "always",
+        normal: "always",
+        component: "always"
+      },
+      svg: "always",
+      math: "always"
+    }
+  ],
+  "vue/max-attributes-per-line": "off",
+  "vue/multi-word-component-names": "off",
+  "vue/new-line-between-multi-line-property": "error",
+  "vue/next-tick-style": ["error", "callback"],
+  "vue/no-dupe-keys": "error",
+  "vue/no-export-in-script-setup": "error",
+  "vue/no-lone-template": "error",
+  "vue/no-reserved-component-names": "error",
+  "vue/no-spaces-around-equal-signs-in-attribute": ["error"],
+  "vue/no-static-inline-styles": ["error", { allowBinding: false }],
+  "vue/no-unused-emit-declarations": "error",
+  "vue/no-unused-refs": "error",
+  "vue/no-useless-v-bind": [
+    "error",
+    { ignoreIncludesComment: false, ignoreStringEscape: false }
+  ],
+  "vue/padding-line-between-blocks": ["error", "always"],
+  "vue/prefer-import-from-vue": "error",
+  "vue/prefer-true-attribute-shorthand": ["error", "always"],
+  "vue/prop-name-casing": ["error", "camelCase"],
+  "vue/require-explicit-emits": [
+    "error",
+    {
+      allowProps: false
+    }
+  ],
+  "vue/require-typed-ref": "error",
+  "vue/singleline-html-element-content-newline": "off",
+  "vue/v-on-event-hyphenation": [
+    "error",
+    "always",
+    {
+      autofix: true
+    }
+  ]
+};
+
+// index.js
+var patchedImportPlugin = (0, import_compat.fixupPluginRules)(import_eslint_plugin_import.default);
+var index_default = import_typescript_eslint.default.config(
+  // Base configs
+  import_js.default.configs.recommended,
+  ...import_typescript_eslint.default.configs.recommended,
+  ...import_eslint_plugin_vue.default.configs["flat/recommended"],
+  import_eslint_plugin_css.default.configs["flat/recommended"],
+  import_eslint_plugin_promise.default.configs["flat/recommended"],
+  import_recommended.default,
+  // Global Ignore
+  {
+    ignores: ["**/dist/**"]
+  },
+  // Config for import plugin (legacy)
+  {
+    plugins: { import: patchedImportPlugin },
+    settings: {
+      "import/resolver": {
+        typescript: true,
+        node: true
+      }
+    },
+    rules: {
+      ...import_eslint_plugin_import.default.configs.recommended.rules,
+      ...import_eslint_plugin_import.default.configs.typescript.rules,
+      ...import_default
+    }
+  },
+  // Config for Cypress
+  {
+    files: ["**/*.cy.spec.ts"],
+    plugins: { cypress: import_eslint_plugin_cypress.default },
+    rules: {
+      ...import_eslint_plugin_cypress.default.configs.recommended.rules,
+      ...cypress_default
+    },
+    languageOptions: {
+      ...import_eslint_plugin_cypress.default.configs.globals.languageOptions,
+      ...import_eslint_plugin_cypress.default.configs.recommended.languageOptions
+    }
+  },
+  // General setup
+  {
+    languageOptions: {
+      ecmaVersion: "latest",
+      sourceType: "module",
+      globals: {
+        ...import_globals.default.browser,
+        ...import_globals.default.node,
+        ...import_globals.default.es2021,
+        defineEmits: "readonly",
+        defineExpose: "readonly",
+        defineProps: "readonly",
+        withDefaults: "readonly"
+      },
+      parserOptions: {
+        parser: import_typescript_eslint.default.parser
+      }
+    }
+  },
+  // Rules overrides
+  {
+    rules: {
+      // Vue rules override
+      ...vue_default,
+      // Typescript Rules
+      "@typescript-eslint/explicit-function-return-type": "error",
+      "@typescript-eslint/explicit-module-boundary-types": "error",
+      "@typescript-eslint/naming-convention": [
+        "error",
+        {
+          format: ["PascalCase"],
+          selector: "interface"
+        },
+        {
+          format: ["PascalCase"],
+          selector: "typeAlias"
+        },
+        {
+          format: ["camelCase", "UPPER_CASE", "PascalCase"],
+          selector: "variable"
+        },
+        {
+          format: ["PascalCase"],
+          selector: "typeLike"
+        },
+        {
+          format: ["camelCase"],
+          selector: "function"
+        }
+      ],
+      "@typescript-eslint/no-explicit-any": "error",
+      "@typescript-eslint/no-non-null-assertion": "error",
+      "@typescript-eslint/no-shadow": "error",
+      // Standard Rules
+      "camelcase": "error",
+      "capitalized-comments": "error",
+      "complexity": ["error", 50],
+      "default-param-last": "error",
+      "func-style": ["error", "expression"],
+      "multiline-comment-style": "error",
+      "no-console": [
+        "error",
+        {
+          allow: ["error"]
+        }
+      ],
+      /*
+       * Note: process.env might not be available in flat config build time unless we use a define or just keep it as runtime check if it's evaluated at runtime.
+       * But tseslint.config is evaluated at runtime (when eslint runs).
+       */
+      "no-debugger": process.env.NODE_ENV === "production" ? "error" : "warn",
+      "no-duplicate-imports": "error",
+      "no-else-return": "error",
+      "no-empty-function": "error",
+      "no-nested-ternary": "error",
+      "no-shadow": "off",
+      // Turned off in favor of @typescript-eslint/no-shadow
+      "no-unneeded-ternary": "error",
+      "no-useless-return": "error",
+      "no-var": "error",
+      "operator-assignment": "error",
+      "prefer-const": "error",
+      "prefer-destructuring": [
+        "error",
+        { array: false, object: true },
+        { enforceForRenamedProperties: false }
+      ],
+      "prettier/prettier": [
+        "error",
+        {
+          endOfLine: "auto",
+          quoteProps: "consistent",
+          semi: true,
+          singleQuote: true,
+          tabWidth: 2,
+          useTabs: false
+        }
+      ],
+      "promise/prefer-await-to-callbacks": "error",
+      "promise/prefer-await-to-then": "error",
+      "quotes": ["error", "single", { avoidEscape: true }]
+    }
+  },
+  // Specific overrides
+  {
+    files: [
+      "**/main.ts",
+      "**/components/{v1,v2}/index.ts",
+      "**/registerComponent.util.ts"
+    ],
+    rules: {
+      "vue/multi-word-component-names": "off",
+      "vue/no-reserved-component-names": "off"
+    }
+  },
+  {
+    files: ["vue.config.js"],
+    rules: {
+      "@typescript-eslint/no-var-requires": "off",
+      "@typescript-eslint/no-require-imports": "off"
+    }
+  }
+);

package/index.js

@@ -0,0 +1,294 @@
+// index.js
+import { fixupPluginRules } from "@eslint/compat";
+import js from "@eslint/js";
+import css from "eslint-plugin-css";
+import cypress from "eslint-plugin-cypress";
+import importPlugin from "eslint-plugin-import";
+import prettierRecommended from "eslint-plugin-prettier/recommended";
+import promise from "eslint-plugin-promise";
+import vue from "eslint-plugin-vue";
+import globals from "globals";
+import tseslint from "typescript-eslint";
+
+// rules/cypress.js
+var cypress_default = {
+  "cypress/no-force": "error",
+  "promise/catch-or-return": "off",
+  "promise/always-return": "off",
+  "promise/prefer-await-to-then": "off"
+};
+
+// rules/import.js
+var import_default = {
+  "import/newline-after-import": ["error", { count: 1 }],
+  "import/order": [
+    "error",
+    {
+      "groups": [
+        ["builtin", "external"],
+        ["internal"],
+        ["parent", "sibling", "index"]
+      ],
+      "named": true,
+      "newlines-between": "always",
+      "alphabetize": { order: "asc", caseInsensitive: true }
+    }
+  ]
+};
+
+// rules/vue.js
+var vue_default = {
+  "vue/attributes-order": [
+    "error",
+    {
+      order: [
+        ["GLOBAL", "UNIQUE", "SLOT"],
+        "DEFINITION",
+        "CONDITIONALS",
+        "LIST_RENDERING",
+        "RENDER_MODIFIERS",
+        "CONTENT",
+        "TWO_WAY_BINDING",
+        "OTHER_DIRECTIVES",
+        "ATTR_DYNAMIC",
+        "EVENTS",
+        ["ATTR_SHORTHAND_BOOL", "ATTR_STATIC"]
+      ],
+      alphabetical: true
+    }
+  ],
+  "vue/block-lang": ["error", { script: { lang: "ts" } }],
+  "vue/block-order": [
+    "error",
+    {
+      order: ["script[setup]", "script", "template", "style"]
+    }
+  ],
+  "vue/custom-event-name-casing": "error",
+  "vue/define-emits-declaration": ["error", "type-based"],
+  "vue/define-macros-order": [
+    "error",
+    {
+      order: ["defineProps", "defineEmits", "defineModel"],
+      defineExposeLast: true
+    }
+  ],
+  "vue/define-props-declaration": ["error", "type-based"],
+  "vue/html-comment-content-newline": "error",
+  "vue/html-self-closing": [
+    "error",
+    {
+      html: {
+        void: "always",
+        normal: "always",
+        component: "always"
+      },
+      svg: "always",
+      math: "always"
+    }
+  ],
+  "vue/max-attributes-per-line": "off",
+  "vue/multi-word-component-names": "off",
+  "vue/new-line-between-multi-line-property": "error",
+  "vue/next-tick-style": ["error", "callback"],
+  "vue/no-dupe-keys": "error",
+  "vue/no-export-in-script-setup": "error",
+  "vue/no-lone-template": "error",
+  "vue/no-reserved-component-names": "error",
+  "vue/no-spaces-around-equal-signs-in-attribute": ["error"],
+  "vue/no-static-inline-styles": ["error", { allowBinding: false }],
+  "vue/no-unused-emit-declarations": "error",
+  "vue/no-unused-refs": "error",
+  "vue/no-useless-v-bind": [
+    "error",
+    { ignoreIncludesComment: false, ignoreStringEscape: false }
+  ],
+  "vue/padding-line-between-blocks": ["error", "always"],
+  "vue/prefer-import-from-vue": "error",
+  "vue/prefer-true-attribute-shorthand": ["error", "always"],
+  "vue/prop-name-casing": ["error", "camelCase"],
+  "vue/require-explicit-emits": [
+    "error",
+    {
+      allowProps: false
+    }
+  ],
+  "vue/require-typed-ref": "error",
+  "vue/singleline-html-element-content-newline": "off",
+  "vue/v-on-event-hyphenation": [
+    "error",
+    "always",
+    {
+      autofix: true
+    }
+  ]
+};
+
+// index.js
+var patchedImportPlugin = fixupPluginRules(importPlugin);
+var index_default = tseslint.config(
+  // Base configs
+  js.configs.recommended,
+  ...tseslint.configs.recommended,
+  ...vue.configs["flat/recommended"],
+  css.configs["flat/recommended"],
+  promise.configs["flat/recommended"],
+  prettierRecommended,
+  // Global Ignore
+  {
+    ignores: ["**/dist/**"]
+  },
+  // Config for import plugin (legacy)
+  {
+    plugins: { import: patchedImportPlugin },
+    settings: {
+      "import/resolver": {
+        typescript: true,
+        node: true
+      }
+    },
+    rules: {
+      ...importPlugin.configs.recommended.rules,
+      ...importPlugin.configs.typescript.rules,
+      ...import_default
+    }
+  },
+  // Config for Cypress
+  {
+    files: ["**/*.cy.spec.ts"],
+    plugins: { cypress },
+    rules: {
+      ...cypress.configs.recommended.rules,
+      ...cypress_default
+    },
+    languageOptions: {
+      ...cypress.configs.globals.languageOptions,
+      ...cypress.configs.recommended.languageOptions
+    }
+  },
+  // General setup
+  {
+    languageOptions: {
+      ecmaVersion: "latest",
+      sourceType: "module",
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+        ...globals.es2021,
+        defineEmits: "readonly",
+        defineExpose: "readonly",
+        defineProps: "readonly",
+        withDefaults: "readonly"
+      },
+      parserOptions: {
+        parser: tseslint.parser
+      }
+    }
+  },
+  // Rules overrides
+  {
+    rules: {
+      // Vue rules override
+      ...vue_default,
+      // Typescript Rules
+      "@typescript-eslint/explicit-function-return-type": "error",
+      "@typescript-eslint/explicit-module-boundary-types": "error",
+      "@typescript-eslint/naming-convention": [
+        "error",
+        {
+          format: ["PascalCase"],
+          selector: "interface"
+        },
+        {
+          format: ["PascalCase"],
+          selector: "typeAlias"
+        },
+        {
+          format: ["camelCase", "UPPER_CASE", "PascalCase"],
+          selector: "variable"
+        },
+        {
+          format: ["PascalCase"],
+          selector: "typeLike"
+        },
+        {
+          format: ["camelCase"],
+          selector: "function"
+        }
+      ],
+      "@typescript-eslint/no-explicit-any": "error",
+      "@typescript-eslint/no-non-null-assertion": "error",
+      "@typescript-eslint/no-shadow": "error",
+      // Standard Rules
+      "camelcase": "error",
+      "capitalized-comments": "error",
+      "complexity": ["error", 50],
+      "default-param-last": "error",
+      "func-style": ["error", "expression"],
+      "multiline-comment-style": "error",
+      "no-console": [
+        "error",
+        {
+          allow: ["error"]
+        }
+      ],
+      /*
+       * Note: process.env might not be available in flat config build time unless we use a define or just keep it as runtime check if it's evaluated at runtime.
+       * But tseslint.config is evaluated at runtime (when eslint runs).
+       */
+      "no-debugger": process.env.NODE_ENV === "production" ? "error" : "warn",
+      "no-duplicate-imports": "error",
+      "no-else-return": "error",
+      "no-empty-function": "error",
+      "no-nested-ternary": "error",
+      "no-shadow": "off",
+      // Turned off in favor of @typescript-eslint/no-shadow
+      "no-unneeded-ternary": "error",
+      "no-useless-return": "error",
+      "no-var": "error",
+      "operator-assignment": "error",
+      "prefer-const": "error",
+      "prefer-destructuring": [
+        "error",
+        { array: false, object: true },
+        { enforceForRenamedProperties: false }
+      ],
+      "prettier/prettier": [
+        "error",
+        {
+          endOfLine: "auto",
+          quoteProps: "consistent",
+          semi: true,
+          singleQuote: true,
+          tabWidth: 2,
+          useTabs: false
+        }
+      ],
+      "promise/prefer-await-to-callbacks": "error",
+      "promise/prefer-await-to-then": "error",
+      "quotes": ["error", "single", { avoidEscape: true }]
+    }
+  },
+  // Specific overrides
+  {
+    files: [
+      "**/main.ts",
+      "**/components/{v1,v2}/index.ts",
+      "**/registerComponent.util.ts"
+    ],
+    rules: {
+      "vue/multi-word-component-names": "off",
+      "vue/no-reserved-component-names": "off"
+    }
+  },
+  {
+    files: ["vue.config.js"],
+    rules: {
+      "@typescript-eslint/no-var-requires": "off",
+      "@typescript-eslint/no-require-imports": "off"
+    }
+  }
+);
+export {
+  index_default as default
+};

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@fewangsit/eslint-config-vue-code-standard",
+  "version": "1.0.2",
+  "description": "A shareable ESLint configuration for standardized Vue TypeScript code for Wangsti FE Developers.",
+  "type": "module",
+  "main": "index.cjs",
+  "author": "fewangsit",
+  "license": "proprietary",
+  "peerDependencies": {
+    "@typescript-eslint/eslint-plugin": ">=8.52.0",
+    "@typescript-eslint/parser": ">=8.52.0",
+    "eslint": ">=9.39.0",
+    "eslint-config-prettier": ">=10.1.0",
+    "eslint-import-resolver-typescript": ">=4.4.0",
+    "eslint-plugin-css": ">=0.11.0",
+    "eslint-plugin-cypress": ">=5.2.0",
+    "eslint-plugin-import": ">=2.31.0",
+    "eslint-plugin-prettier": ">=5.5.0",
+    "eslint-plugin-promise": ">=7.2.0",
+    "eslint-plugin-vue": ">=10.6.0",
+    "typescript": ">=5.5.0"
+  },
+  "module": "index.js",
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "require": "./index.cjs"
+    }
+  }
+}