Vue: Provide isn't reactive with Vuex

[ralphchristianeclipse]

I'm trying to figure out provide and inject using two components

 <div id="#app">
     <parent>
        <child>
           {{parentData}}
        </child>
     </parent>
  </div>

let Parent = Vue.extend({
      name: 'parent',
      provide() {
         return {
             parentData: [1,2,3]
         }
      },
})

let Child = Vue.extend({
      name: 'child',
      inject: ['parentData']
})

let App = new Vue({
    el: '#app'

})

but this thing doesn't work

[vue-bot]

Hello, your issue has been closed because it does not conform to our issue requirements. Please use the Issue Helper to create an issue - thank you!