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");

src/store/index.js

@@ -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: {},
-});