<h3 dir="auto">What problem does this feature solve?</h3>
<p dir="auto">One guy <a href="https://forum.vuejs.org/t/computed-properties-now-work-with-arrow-functions/19605" rel="nofollow">finded</a>, that computed getter may use with arrow function and destructed variables/methods.</p>
<p dir="auto">I went ahead, and appended this case to <code class="notranslate">set()</code>, but failed, because setter not called component.<br>
Later, i tried use <code class="notranslate">arguments</code>: <code class="notranslate">(locale =&gt; arguments[1].a.methods.updateLocale(locale))</code>, but vuex can't use <code class="notranslate">dispatch</code> to this, because undefined.</p>
<p dir="auto">I think this API looks nice and will reduce many new lines :D</p>
<h3 dir="auto">What does the proposed API look like?</h3>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="export default {
  computed: {
    ...mapGetters(['global']),
    locale: {
      get: ({ global }) =&gt; global.locale,
      set: (locale, { updateLocale }) =&gt; updateLocale(locale)
    }
  },
  methods: {
    ...mapActions(['updateLocale'])
  }
}"><pre class="notranslate"><code class="notranslate">export default {
  computed: {
    ...mapGetters(['global']),
    locale: {
      get: ({ global }) =&gt; global.locale,
      set: (locale, { updateLocale }) =&gt; updateLocale(locale)
    }
  },
  methods: {
    ...mapActions(['updateLocale'])
  }
}
</code></pre></div>
<h3 dir="auto">What problem does this feature solve?</h3>
<p dir="auto">Easy two-way binding between <code class="notranslate">v-model</code> and vuex state / mutations.</p>
<h3 dir="auto">What does the proposed API look like?</h3>
<p dir="auto">For example I want to bind the state of the global menu to a vuex state.</p>
<p dir="auto">Meanwhile I use this manual workaround in my component:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="computed: {
  nav: {
    get () { return this.$store.state.nav },
    set (v) { this.$store.commit('SET_NAV', v) }
  }
}"><pre class="notranslate"><code class="notranslate">computed: {
  nav: {
    get () { return this.$store.state.nav },
    set (v) { this.$store.commit('SET_NAV', v) }
  }
}
</code></pre></div>
<p dir="auto"><strong>It would be helpful to have an easy function like <code class="notranslate">mapGetters</code> to do this.</strong></p>