vue: псевдо-мапгеттеры

При использовании Vue.observable вместо этого:

import $s, { isValueValid } from './store';
export default {
  computed: {
    $s(){ return $s; },
    isValueValid(){ return isValueValid() },
  }
}

мы можем написать это:

import $s, { isValueValid } from './store';
export default {
  computed: {
    ... { isValueValid, $s: () => $s },
  }
}

а затем используйте его в vue-template:

<template>
  <div>
    <div>{{ $s.value }}</span>
    <WarnComponent v-if='!isValueValid'>
      The value is invalid
    </WarnComponent>
  </div>
</template>