title: can you pass component props to mapGetters vuex
body: <p>I'm starting to make a universal input vue component. Before I worry about changing the data in the input, I just wanted to get the initial value from the store.</p>
  
  <p>I have something like this: </p>
  
  <pre><code>&lt;template lang="html"&gt;
    &lt;input class="input-text" type="text" name="" :value="value"&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import store from '@/store/index';
  
  export default {
    name: 'InputText',
    props: [
      'dataModel',
      'propertyName',
    ],
    computed: {
      value() {
        return store.state[this.dataModel][this.propertyName];
      },
    },
  };
  &lt;/script&gt;
  </code></pre>
  
  <p>This works. Instead of the <code>value</code> function in <code>computed</code>. I wanted to leverage <code>mapGetters</code>. So I tried something like this instead:</p>
  
  <pre><code>...mapGetters({
    value: `${this.dataModel}/${this.propertyName}`,
  }),
  </code></pre>
  
  <p>As soon as I tried the latter I got <code>undefined</code> for both values <code>this.dataModel</code> and <code>this.propertyName</code>. The context of <code>this</code> changes when invoking <code>mapGetters</code> because were in a new object. Is there a way to pass component props into <code>mapGetters</code>? Is there a way to set the context of <code>this</code> to be the component rather than the object argument? Or was my original approach/another approach the correct way to tackle this problem?</p>