nuxtjs

gistfile1.js

store/index.js
const GET_DATA = 'GET_DATA'
const API_ERROR = 'API_ERROR'
const API_URL  = 'http://hatajieblog.dev/api/v1/'

export const state = () => ({
  posts: []
})

export const actions = {
    async getPost ({ commit }) {
      const ip = await this.$axios.$get('http://hatajieblog.dev/api/v1/post')
      commit('GET_DATA', ip.data)
      console.log(ip.data)
      return ip.data;
    }
   
}

  export const getters = {
    posts : state => {
      return state.posts
    }
    
  
  }

  export const mutations = {
    [GET_DATA](state,payload){
     state.posts = payload
     console.log(payload)
    },
    [API_ERROR](state,payload){
     console.log(payload)
    }
}



//component/post.vue

<template>
    <div>
        POST
        ini adalah post 
          
<h1>Stars: {{ $store.state.posts }}</h1>
    </div>
</template>
<script>
import { mapGetters,mapActions } from 'vuex'

export default {
  
  props: ['posts'],
  computed: {
     ...mapActions ([
     'getPost'
    ])
  },
  methods : {
   
  }
}
</script>