We need to make some changes to the BlogMap component to integrate our Vuex store.

1. In the BlogMap.vue component, we can add the Vuex helpers for the posts namespaced module, while renaming the ones we already have for the maps module:

      // Vuex mappers
      // maps module
      const {
        mapGetters: mapsGetters,
        mapActions: mapsActions,
      } = createNamespacedHelpers('maps')
      // posts module
      const {
        mapGetters: postsGetters,
        mapActions: postsActions,
      } = createNamespacedHelpers('posts')

2. Add the draft getter:

      computed: {
        ...mapsGetters([
          'center',
          'zoom',
        ]),
        ...postsGetters([
          'draft',
        ]),
        // ...
      },

3. Add the setDraftLocation action as well:

      methods: {
        ...mapsActions([
          'setCenter',
          'setUserPosition',
          'setZoom',
        ]),

        ...postsActions([
          'setDraftLocation',
        ]),
      },