@appscode/ui-builder/src/store/index.js

## Motivation

import Vue from "vue";
import Vuex from "vuex";
import wizard from "./wizard";

Vue.use(Vuex);

export default new Vuex.Store({
  state: () => ({
    user: {
      loggedIn: false,
      data: {},
    },
    activeJson: "options",
    presets: [],
    selectedPreset: {},
    keepSelected: {
      statue: false,
      selectedPresetId: "",
    },
    editorTheme: "acLightTheme",
    functionsString: "",
  }),
  getters: {
    user: (state) => state.user,
    activeJson: (state) => state.activeJson,
    presets: (state) => state.presets,
    selectedPreset: (state) => state.selectedPreset,
    keepSelected: (state) => state.keepSelected,
    editorTheme: (state) => state.editorTheme,
    functionsString: (state) => state.functionsString,
  },
  mutations: {
    user$set: (state, user) => {
      state.user = user;
    },
    activeJson$set: (state, activeJson) => {
      state.activeJson = activeJson;
    },
    presets$set: (state, presets) => {
      state.presets = presets;
    },
    selectedPreset$set: (state, selectedPreset) => {
      state.selectedPreset = selectedPreset;
    },
    keepSelected$set: (state, { status, selectedPresetId }) => {
      state.keepSelected.status = status;
      state.keepSelected.selectedPresetId = selectedPresetId;
    },
    editorTheme$set: (state, o) => {
      state.editorTheme = o || "acLightTheme";
    },
    functionsString$set: (state, o) => {
      state.functionsString = o || "";
    },
  },
  actions: {},
  modules: { wizard },
});