vuex-dot-buffer

    1.1.2 • Public • Published

    vuex-dot-buffer Coverage Status

    CodePen Demo

    vuex-dot plugin providing buffering with flushing changes on trigger value change

    Usage

    In some cases you do not need to pass each change into your state. For example you want to be sure, that you are saving to state only full and clean data values, not partial\dirty.

    So you want to accumulate your changes, until they can be safely passed to storage

    This plugin injects such accumulation logic between your component and state. Workflow is very simple: it buffers all changes, done to fields, without passing them beyond until trigger value changes. On change of trigger value buffer flushes and all delayed setters are launched with latest buffered changes

    <template>
      <input placeholder="name" v-model="name"/>
      <input placeholder="email" v-model="email"/>
      <button @click="$version++">Apply</button>
    </template>
     
    <script>
      import { takeState } from 'vuex-dot';
      import buffer from 'vuex-dot-buffer';
     
      export default {
        computed: {
          ...takeState('user')
            .expose(['name', 'email'])
            .use(buffer('$version')) //all changes are buffered
            .dispatch('editUser')
            .map()
        }
      }
    </script>

    Install

    npm i vuex-dot-buffer

    DownloadsWeekly Downloads

    1

    Version

    1.1.2

    License

    MIT

    Unpacked Size

    12 kB

    Total Files

    9

    Last publish

    Collaborators

    • yarsky