@dakingindanorf/hive/store/modules/nav.js

A template for creating a nuxt generated static site using Netlify CMS to power the backend. Individual site components can be managed through Bit

const state = () => ({
    drawerActive: true,
    drawer: false,
    overlay: false
})

const getters = {
    drawerActive: state => state.drawerActive,
    drawer: state => state.drawer,
    overlay: state => state.overlay
}

const mutations = {
    toggleDrawer(state) {
        state.drawer = !state.drawer
    },
    toggleOverlay(state) {
        state.overlay = !state.overlay
        document.querySelector('.hamburger').classList.toggle('is-active')
    }
}

const actions = {
    toggleDrawer: ({ commit }) => commit('toggleDrawer'),
    toggleOverlay: ({ commit }) => commit('toggleOverlay')
}

export default {
    state,
    getters,
    mutations,
    actions
}