import { reactive , computed} from 'vue'
import { useStore , mapGetters } from 'vuex'
import constants from 'src/store/constants'
import {Button ,ButtonGroup } from '@king-design/vue'
export default{
    name : "Index" ,
    setup() : any {
        const store = useStore()
        let name = computed(()=> store.state.name )
        let actionName  = () => store.dispatch(constants.SETNAME)
        const mutationsName =() => store.commit(constants.SETNAME , "mutationsName" + Date.now())
        return {
            name ,
            actionName ,
            mutationsName
        }
    },
    components:{
        Button ,
        ButtonGroup
    },
}