title: Vuex Action Handler Context Object and Payload ESLint rules problem
body: <p>I'm having a problem regarding the vuex action handler and ESLint rules</p>
  
  <p>this action code will flag ESLint as error if the variables are not used and if the object is empty</p>
  
  <pre><code>actions:{
    handler:({commit, state}, payload) =&gt;{}
  }
  </code></pre>
  
  <p>commit and state will throw error as unused vars</p>
  
  <pre><code>actions:{
    handler:({}, payload) =&gt;{}
  }
  </code></pre>
  
  <p>this {} will throw empty object</p>
  
  <pre><code>actions:{
    handler:(payload) =&gt;{}
  }
  </code></pre>
  
  <p>the payload will return context object</p>
  
  <p>here is my eslint config</p>
  
  <pre><code>"eslintConfig": {
      "root": true,
      "env": {
          "node": true
      },
      "extends": [
          "plugin:vue/essential",
          "eslint:recommended",
          "@vue/prettier"
      ],
      "parserOptions": {
          "parser": "babel-eslint"
      },
      "rules": {
          "no-unused-vars": "warn",
          "no-extra-boolean-cast": "warn"
      }
  </code></pre>
  
  <p>I managed to avoid the ESLint errors by using the rules "no-unused-vars": "warn", "no-extra-boolean-cast": "warn"</p>
  
  <p>Here is the catch:</p>
  
  <ol>
  <li>I don't want to bypass ESLint. Of course, it will throw errors.
  There are times that i don't need to use the context, only the payload variable.</li>
  <li>Can somebody explain to me the action handler's parameters behavior
      and how to make it follow ESLint rules "eslint:recommended"</li>
  </ol>