vue composition-api life hack

defineComposite.vue

import useAppConfig from '@core/app-config/useAppConfig'
....
....
setup() { // defined
  const { anIncomingNotification } = useAppConfig()

  return {
    anIncomingNotification
  }
},

MyVueTrigger.js

this.anIncomingNotification = payload // trigger watch

MyVueWatch.js

watch: {
  anIncomingNotification() {
    console.log('an incoming mesage key : ', this.anIncomingNotification) // print : payload
  },
}

usAppConfig.js

//PATH: /Users/yogiarifwidodo/Sites/X/X/src/@core/app-config/useAppConfig.js
import { computed, watch } from '@vue/composition-api'
import store from '@/store'

export default function usAppConfig() {
  // ------------------------------------------------
  // otherAPP
  // ------------------------------------------------
  
  // ------------------------------------------------
  // error Handling
  // ------------------------------------------------
  const lookWatchException = computed({
    get: () => store.state.app.watchException,
    set: (val) => {
      store.commit('app/WATCH_EXCEPTION', val)
    }
  })

  const anIncomingNotification = computed({
    get: () => store.state.app.watchNotification,
    set: (val) => {
      val += 1 /* re-rendering | :KEY | watch: {} */
      store.commit('app/UPDATE_WATCH_NOTIFICATION', val)
    }
  })

  return {
    anIncomingNotification,
    lookWatchException
  }
}