title: pass parameter to getters in Vuex
body: <p>I have a Vue component like this:</p>
  
  <pre><code>&lt;script&gt;
  import { mapActions, mapGetters } from 'vuex'
  
  export default {
    props: ['index'],
    computed: {
      ...mapGetters([
        'type',
        'width',
        'height',
        'description',
        'smtTagMeasureUnits',
        'tagValue'
      ])
    }
  &lt;/script&gt;
  
  &lt;template&gt;
    &lt;div :class='["block","module-"+type(index), "width"+width(index), "height"+height(index)]'&gt;
      &lt;h3&gt;{{ description(index) }}&lt;/h3&gt;
      &lt;div class="data"&gt;
        &lt;h1&gt;{{ tagValue(index) }}&lt;/h1&gt;
        &lt;h2 class="measure"&gt;{{ smtTagMeasureUnits(index) }}&lt;/h2&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;style&gt;
    ...
  &lt;/style&gt;
  </code></pre>
  
  <p>Parameter <em><strong>index</strong></em>, which comes into component as a <em>prop</em>, has been successfully passed to getters:</p>
  
  <pre><code>getters: {
    ...
    type: (state, getters) =&gt; (par) =&gt; {
      return getters.widgetsConfig[par].type
    },
    width: (state, getters) =&gt; (par) =&gt; {
      if (getters.widgetsConfig[par].width) {
        return getters.widgetsConfig[par].width
      } return 2
    },
    height: (state, getters) =&gt; (par) =&gt; {
      if (getters.widgetsConfig[par].height) {
        return getters.widgetsConfig[par].height
      } return 1
    },
    ...
  }
  </code></pre>
  
  <p>Works fine, but i'm not happy with this codestyle, because <code>getterName(index)</code> constantly repeats in the template part. All of my getters should carry <em>index</em> as a prop, so i'd like to have just <code>getterName</code> in the template and something like this in the script part:</p>
  
  <pre><code>...mapGetters([
  'type',
  'width',
  'height',
  'description',
  'smtTagMeasureUnits',
  'tagValue'
  ], index)
  </code></pre>
  
  <p>Is it possible to achieve any codestyle improvements here?</p>