Как «добраться» до геттера при такой структуре store?

Как "добраться" до геттера при такой структуре?

// sliders.js
import api from '../config/api/client'

// initial state
export const state = () => ({
  info: {}
})

// getters
export const getters = {
  newProducts(state) {
    return state.info.newProducts
  }
}

// actions
export const actions = {
  getNewProductsSlider ({ commit }) {
    return api.get('v1/mainpage-info').then(result => {
      console.log('result', result.data.info.newProducts)
      commit('setNewProductsSlider', result.data.info)
    })
  }
}

// mutations
export const mutations = {
  setNewProductsSlider (state, data) {
    state.newProductsSlider = data
  }
}

Я пробовала так

computed:{
      ...mapGetters(['sliders/newProducts'])
    },

Но получаю ошибку "Property or method "newProducts" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property."