مشکل در Vuex

سلام دوستان من سه تا ارایه ابجکت تعریف کردم داخل store این کدمه

import Vue from 'vue'
import Vuex from  'vuex'
Vue.use(Vuex)

const adminRoute= [
    { icon: 'mdi-account-group-outline', text: '  مدیریت کاربران ' ,link:'users'},
    { icon: 'mdi-account-badge-outline', text: 'آخرین مطالبات ثبت شده ' ,link:'demands'},
    { icon: 'mdi-checkbox-marked-circle-outline', text: 'تایید حساب کاربری' ,link:'verify'},
];
const SuperAdminRoute= [
    { icon: 'mdi-account-group-outline', text: '  مدیریت کاربران ' ,link:'users'},
    { icon: 'mdi-account-badge-outline', text: 'آخرین مطالبات ثبت شده ' ,link:'demands'},
    { icon: 'mdi-checkbox-marked-circle-outline', text: 'تایید حساب کاربری' ,link:'verify'},
];
const NormalRoute= [
    { icon: 'mdi-account-group-outline', text: '  مدیریت مطالبات خود ' ,link:'selfDemand'},
    { icon: 'mdi-account-badge-outline', text: '  ارسال گزارش تخلف  ' ,link:'addReport'},
    { icon: 'mdi-checkbox-marked-circle-outline', text: 'تایید حساب کاربری' ,link:'verify'},
];
export default new Vuex.Store({
    state:{
      'pic':'',
        'level':''
    },
    mutations:{
     setProfile:(state ,Pic)=>{
       state.pic=Pic;
     },
        setLevel:(state,Level)=>{
         state.level=Level
        }
    },
    actions:{
        setLevel(context){
            let level=localStorage.getItem('loggedLevel');
            context.commit('setLevel',level)
        }
    },
    getters:{
        getItems:state =>{
            switch (state.level) {
                case "21232f297a57a5a743894a0e4a801fc3":
                    return adminRoute;
                case "83eebac535d14f791f6ee4dbefe689dc":
                    return SuperAdminRoute;
                default:
                    return NormalRoute;
            }
        }
    }
})

میخام طبق اون سوییچ کیس یکی از ارایه ها از طریق Getter ریترن بشه سمت کامپوننتم ک دارم ازونجا گتر رو صدا میزنم
الان مشکل نمیدونم کجاس
تازه vuex کار میکنم