フリーランス 技術調査ブログ

フリーランス/エンジニア Ruby Python Nodejs Vuejs React Dockerなどの調査技術調査の備忘録

nuxtjsのstore内でapollo clientを利用する

store内でapollo clientを利用

参考ページ

github.com github.com

サンプルコード

  • this.app.apolloProvider.defaultClientを利用してqueryを呼び出す
import categoriesQuery from '@/queries/categories'

export default {
  namespace: true,
  state: () => (
    {
      date: {}
    }),
  mutations: {
    setCategories (state, params) {
      state.date = { ...params }
    }
  },
  actions: {
    async getCategories ({ commit }, params) {
      const response = await this.app.apolloProvider.defaultClient.query({
        query: categoriesQuery,
        variables: {
          category_id: 100
        }
      })
      commit('setCategories', response.data.categories)
    }
  }
}