diff --git a/src/main.js b/src/main.js index bfdab45..de57635 100644 --- a/src/main.js +++ b/src/main.js @@ -1,12 +1,10 @@ import { createApp } from "vue"; import App from "./App.vue"; -import { store } from "./store"; import { createPinia } from "pinia"; const app = createApp(App); const pinia = createPinia(); -app.use(store); app.use(pinia); app.mount("#app"); diff --git a/src/store/index.js b/src/store/index.js deleted file mode 100644 index 129ef94..0000000 --- a/src/store/index.js +++ /dev/null @@ -1,174 +0,0 @@ -/* TODO: terminology is to be changed for : -canvas/board : -currently, the canvas object is named board, -while the structure used to store automata current state is named "board" as well. This is confusing -drawing board could be enough to lift any ambiguity - -rules: -confusion bewteen ruleset and rules. -it's never clear if we refers to a rule or the whole (named) set -*/ -import { createStore } from "vuex"; - -export const store = createStore({ - strict: process.env.NODE_ENV !== "production", - state: { - rules1d: { - name: "rule 73", - rules: { - 111: 0, - 110: 1, - 101: 0, - 100: 0, - "011": 1, - "010": 0, - "001": 0, - "000": 1, - }, - }, - cellProperties: { - size: 3, - liveColor: "#000000", - deadColor: "#F5F5F5", - }, - canvasWidth: 0, - canvasHeight: 0, - boardWidth: 0, - boardHeight: 0, - refreshRate: 300, - initial1dState: "onecell", - activeMenu: "", - drawingDirection: "y", - lastBoard: {}, - draw1d: false, - draw2d: false, - draw2dLast: false, - reset: false, - canDraw: true, - }, - mutations: { - update1dSingleRule(state, data) { - state.rules1d.name = data.name; - state.rules1d.rules[data.rule] = data.value; - }, - update1dRules(state, data) { - state.rules1d = data; - }, - setCellProperties(state, data) { - state.cellProperties[data.name] = data.value; - }, - setCanvasWidth(state, data) { - state.canvasWidth = data; - }, - setCanvasHeight(state, data) { - state.canvasHeight = data; - }, - setRefreshRate(state, data) { - state.refreshRate = data; - }, - setInitial1dState(state, data) { - state.initial1dState = data; - }, - setActiveMenu(state, data) { - state.activeMenu = data; - }, - setDrawingDirection(state, data) { - state.drawingDirection = data; - }, - setLastBoard(state, data) { - state.lastBoard = data; - }, - setCanvas(state, data) { - state.canvas = data; - }, - setContext(state, data) { - state.ctx = data; - }, - toggleDraw1d(state, data) { - state.draw1d = data; - }, - toggleDraw2d(state, data) { - state.draw2d = data; - }, - toggleDraw2dLast(state, data) { - state.draw2dLast = data; - }, - toggleReset(state, data) { - state.reset = data; - }, - canDraw(state, data) { - state.canDraw = data; - }, - }, - getters: { - getCellProperties(state) { - return state.cellProperties; - }, - get1dRules(state) { - return state.rules1d; - }, - getRule1d(state) { - return state.rules1d; - }, - getCanvasWidth(state) { - return state.canvasWidth; - }, - getCanvasHeight(state) { - return state.canvasHeight; - }, - getRefreshRate(state) { - return state.refreshRate; - }, - getInitial1dState(state) { - return state.initial1dState; - }, - getActiveMenu(state) { - return state.activeMenu; - }, - getDrawingDirection(state) { - return state.drawingDirection; - }, - getLastBoard(state) { - return state.lastBoard; - }, - getDraw1d(state) { - return state.draw1d; - }, - getDraw2d(state) { - return state.draw2d; - }, - getDraw2dLast(state) { - return state.draw2dLast; - }, - getReset(state) { - return state.reset; - }, - getCanDraw(state) { - return state.canDraw; - }, - }, - actions: { - draw1d({ commit }) { - commit("toggleDraw1d", true); - }, - draw2d({ commit }) { - commit("canDraw", true); - commit("toggleDraw2d", true); - }, - draw2dLast({ commit }) { - commit("canDraw", true); - commit("toggleDraw2dLast", true); - }, - reset({ dispatch, commit }) { - dispatch("stop"); - commit("toggleReset", true); - }, - stop({ commit }) { - commit("toggleDraw1d", false); - commit("toggleDraw2d", false); - commit("toggleDraw2dLast", false); - commit("canDraw", false); - }, - }, - modules: {}, -});