SEECBC/FrontEnd/store/index.ts

import { getAccessorType } from 'nuxt-typed-vuex'
import * as learning from './learning'
import * as gradientDescent from './gradient-descent'

export const state = () => ({
  locale: 'zh',
  drawer: true,
  userType: 'student',
  miniDrawer: true
})

type RootState = ReturnType<typeof state>

export const mutations = {
  setLocale(state: RootState, value: string) {
    state.locale = value
  },

  setDrawer(state: RootState, value: boolean) {
    state.drawer = value
  },

  setUserType(state: RootState, value: string) {
    if (value in ['student', 'teacher']) state.userType = value
  },

  setMiniDrawer(state: RootState, value: boolean) {
    state.miniDrawer = value
  }
}

export const accessorType = getAccessorType({ state, mutations, modules: { learning, 'gradient-descent': gradientDescent } })