Vuejs + Vuex problem to handle state inside computed property - vue.js

Question

I'm developing a very simple web app using Vuejs, Vuex and Axios. I'm blocked when I try to handle the value returned from a getters inside a computed property, I recive this error in console: TypeError: "items is undefined", while in the Vue panel of DevTool the computed property has the correct value.
This is my Store:
const store = new Vuex.Store({
state: {
items: [],
},
actions: {
LOAD_ITEMS_LIST: function ({ commit }) {
axios.get('https://example.com/v1/items').then((response) => {
commit('SET_ITEMS_LIST', { list: response.data })
}, (err) => {
console.log(err)
})
},
},
mutations: {
SET_ITEMS_LIST: (state, { list }) => {
state.items = list
},
},
getters: {
items: state => {
return state.items;
},
}
})
This my root component
var vm = new Vue({
el: '#app',
template: `<div>
<items-list></items-list>
</div>`,
store,
created () {
this.$store.dispatch('LOAD_ITEMS_LIST')
},
});
This my ItemsList Component
Vue.component('items-list', {
template: ` <ul>
<li v-for="item of items">
<h4>{{item.title}}</h4>
<div class="excerpt">{{item.text}}</div>
</li>
</ul>
`,
computed: {
items() {
let items = this.$store.getters.items;
return items.slice(0,10)
},
}
})
I noticed that if I return the items computed without modify the value this work well, example:
items() {
return this.$store.getters.items;
}
Where am I doing wrong?