@vue-storefront/theme-starter/store/ui-store.js

Scaffolding for building Vue Storefront themes

// You can extend core UI store here
// The good practise is to keep all ui-related states in this file

import coreStore from '@vue-storefront/store/modules/ui-store'
import { extendStore } from '@vue-storefront/core/lib/themes'

const state = {
  submenu: {
    depth: false,
    path: []
  }
}

const mutations = {
  setCheckoutMode (state, action) {
    state.checkoutMode = action === true
  },
  setMicrocart (state, action) {
    state.microcart = action === true
    state.overlay = action === true
  },
  setSidebar (state, action) {
    state.sidebar = action === true
    state.overlay = action === true
  },
  setSubmenu (state, { id, depth }) {
    if (id) {
      state.submenu.path.push(id)
    } else if (state.submenu.path.length) {
      setTimeout(() => {
        state.submenu.path.pop()
      }, 300)
    }
    state.submenu.depth = state.submenu.depth > 0 && depth
  },
  setSearchpanel (state, action) {
    state.searchpanel = action === true
    state.overlay = action === true
  },
  setWishlist (state, action) {
    state.wishlist = action === true
    state.overlay = action === true
  }
}

export default extendStore(coreStore, {
  state,
  mutations
})