viue - dinamic title

plugins-title.js

export default Vue => {
  Vue.mixin({
    created () {
      const { title } = this.$options

      if (title !== undefined) {
        this.$title = title
      }
    }
  })

  Object.defineProperty(Vue.prototype, '$title', {
    get () {
      return this.$store.state.title
    },
    set () {
      this.$store.dispatch('setTitle', ...arguments)
    }
  })
}

route-component.vue

<script>

export default {
  title: 'Previous Operations',
  
}
</script>

<template>
  <div class="layout-padding">
    ~
  </div>
</template>

store-mutations.js

export default {
  setTitle (state, value) {
    state.title = value
  }
}

store-state.js

export default {
  title: null
}