new global api for vue and vuex

src/App.vue

@@ -12,8 +12,7 @@
 import MainMenu from "./components/MainMenu.vue";
 import CanvasBoard from "./components/CanvasBoard.vue";
 
-export default {
+export const App = {
-  name: "App",
   components: {
     MainMenu,
     CanvasBoard,

src/main.js

@@ -1,10 +1,9 @@
-import Vue from "vue";
+import { createApp } from 'vue'
 import App from "./App.vue";
-import store from "./store";
+import { store } from "./store";
 
-Vue.config.productionTip = false;
+const app = createApp(App)
 
-new Vue({
+app.use(store)
-  store,
+
-  render: (h) => h(App),
+app.mount('#app')
-}).$mount("#app");

src/store/index.js

@@ -1,9 +1,6 @@
-import Vue from "vue";
+import { createStore } from 'vuex'
-import Vuex from "vuex";
 
-Vue.use(Vuex);
+export const store = createStore({
-
-export default new Vuex.Store({
   state: {
     drawing: 0,
     rules1d: {