How to use mapState in vuex? why can't I get it?

store.js
const state = {

userPermission: [],

}
const getters = {

getUserPermission: state => state.userPermission,

}
const mutations = {

userPermission(state,userPermission){
    localStorage.userPermission = JSON.stringify(userPermission)
    state.userPermission = localStorage.userPermission
}

}
const actions = {

userPermission({commit},userPermission){
    return new Promise(function(resolve,reject){
        commit("userPermission",userPermission)
    })
}

}

export default {

state,
getters,
mutations,
actions

import {mapState} from "vuex"
computed: mapState ({

in

}
component

userPermission(state){
alert(1)//
let userPermission = JSON.parse(localStorage.getItem("getUserPermission"))
if(state.userPermission.length === 0){
    return 
}
return state.userPermission
}

})
use it for the first time, please advise

Jun.03,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3a93d-2c22b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3a93d-2c22b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?