How to setup a hugo repo (or any static website) with eslint and the standard config

.eslintrc.js

module.exports = {
  root: true,
  env: {
    browser: true,
    mocha: true
  },
  globals: {
    expect: true
  },
  plugins: [],
  extends: [
    'eslint-config-standard'
  ],
  ignorePatterns: [
    '.yarn/**',
    'dist/**',
    'vendor/**',
    'node_modules/**',
    'public/**'
  ],
  rules: {
    'no-use-before-define': ['error', { functions: false, classes: true, variables: true }]
  }
}

package.json

{
  "name": "website",
  "version": "1.0.0",
  "description": "The website",
  "scripts": {
    "clear": "rm -rf public/*",
    "dev": "hugo server -w -D --baseUrl=/ --appendPort=false",
    "fix": "eslint . --ext .js --fix",
    "lint": "eslint . --ext .js"
  },
  "license": "UNLICENSED",
  "dependencies": {},
  "devDependencies": {
    "eslint": "^7.6.0",
    "eslint-config-standard": "^14.1.1",
    "eslint-plugin-import": "^2.22.0",
    "eslint-plugin-node": "^11.1.0",
    "eslint-plugin-promise": "^4.2.1",
    "eslint-plugin-standard": "^4.0.1",
    "postcss-cli": "^7.1.1"
  }
}