Just a heads up, I prefer to avoid using semicolons in my JavaScript project.
I attempted to turn off the semicolon rule in the .eslintrc.cjs file but it was strange that setting semi: 0 didn't work to suppress the warnings for missing ;. Surprisingly, semi: false did disable the warnings in VScode.
However, it turned out my issue was related to Prettier. So, I included the Prettier config in my ESLint file and used semi: false there which actually worked. But running npm run lint threw an error:
https://i.sstatic.net/S8gmg.png
This is how my configuration looks like:
/* eslint-env node */
require("@rushstack/eslint-patch/modern-module-resolution")
module.exports = {
root: true,
extends: [
"plugin:vue/vue3-essential",
"eslint:recommended",
"@vue/eslint-config-prettier",
],
rules: {
semi: 0,
},
prettier: {
rules: {
semi: false
},
},
overrides: [
{
files: ["cypress/e2e/**.{cy,spec}.{js,ts,jsx,tsx}"],
extends: ["plugin:cypress/recommended"],
},
],
};
If I remove the Prettier block, the warnings will start appearing again in my code:
https://i.sstatic.net/iNrzX.png
This is how my package.json file (created by Vue) looks like:
{
"name": "moonholdings.xyz",
"version": "0.0.0",
"scripts": {
"dev": "vite",
"build": "run-p type-check build-only",
"preview": "vite preview --port 4173",
"test:unit": "vitest --environment jsdom",
"test:e2e": "start-server-and-test preview http://127.0.0.1:4173/ 'cypress open --e2e'",
"test:e2e:ci": "start-server-and-test preview http://127.0.0.1:4173/ 'cypress run --e2e'",
"build-only": "vite build",
"prettier": "prettier --write .",
"lint": "eslint . && prettier --check ."
},
"dependencies": {
"pinia": "^2.0.14",
"vue": "^3.2.36",
"vue-router": "^4.0.15"
},
"devDependencies": {
"@rushstack/eslint-patch": "^1.1.0",
"@vitejs/plugin-vue": "^2.3.3",
"@vitejs/plugin-vue-jsx": "^1.3.10",
"@vue/eslint-config-prettier": "^7.0.0",
"@vue/test-utils": "^2.0.0",
"cypress": "^10.0.2",
"eslint": "^8.5.0",
"eslint-plugin-cypress": "^2.12.1",
"eslint-plugin-vue": "^9.0.0",
"jsdom": "^19.0.0",
"npm-run-all": "^4.1.5",
"prettier": "^2.5.1",
"sass": "^1.53.0",
"start-server-and-test": "^1.14.0",
"vite": "^2.9.9",
"vitest": "^0.13.0",
"vue-tsc": "^0.35.2"
}
}