Как заставить мои компоненты vue взаимодействовать с магазином vuex

Question

Может, кто-нибудь подскажет, как спроектировать структуру приложения для Vuex с помощью приложения Rails?

Я унаследовал приложение и мне нужно его расширить.Независимо от того, что я делаю, я не могу заставить магазин Vuex взаимодействовать с любым из компонентов Vue.

Приложение было разработано предыдущим разработчиком, чтобы включать компоненты Vue, а не Vuex.Это выглядит так:

Root.
   |
   |-- App
   |
   |-- Front-end
            |
            |-- components
            |
            |-- init
            |
            |-- packs
            |
            etc.

Просто для устранения неполадок я настраиваю свой VueX в файле /init/index.js следующим образом:

// Vue import
import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex)
import { mapState, mapStore, mapActions, mapGetters } from 'vuex';

export default new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment (state) {
      state.count++
    }
  }
})

Но все мои компонентытаким образом, я не могу импортировать магазин:

// components/example.js
module.exports = {
  data: function() {
    return {
    }
  },
  computed: {
    count: {
      get: function() {
        return this.$store.state.count
      }
    }
  }
}


// components/example.vue
<template>
 [...]
</template>
<script src="./controller.js"></script>
<style lang="scss" src="./controller.scss"></style>