feat (vuex) init vuex 4

Author: Sp0ne

package.json

@@ -10,12 +10,13 @@
  },
  "dependencies": {
  "vue": "^3.2.6",
- "vue-router": "^4.0.11"
+ "vue-router": "^4.0.11",
+ "vuex": "^4.0.2"
  },
  "devDependencies": {
+ "@types/node": "^16.7.1",
  "@typescript-eslint/eslint-plugin": "^4.30.0",
  "@typescript-eslint/parser": "^4.30.0",
- "@types/node": "^16.7.1",
  "@vitejs/plugin-vue": "^1.6.0",
  "@vue/compiler-sfc": "^3.0.5",
  "@vue/eslint-config-prettier": "^6.0.0",

src/main.ts

@@ -2,6 +2,8 @@ import { createApp } from "vue";
 import App from "@/App.vue";
 import router from "@/router";
 
+import { store } from "./store";
+
 import "./assets/scss/style.scss";
 
-const app = createApp(App).use(router).mount("#app");
+const app = createApp(App).use(store).use(router).mount("#app");

src/store/index.ts

@@ -0,0 +1,11 @@
+import { createStore, createLogger } from "vuex";
+
+// Plug in logger when in development environment
+const debug = process.env.NODE_ENV !== "production";
+const plugins = debug ? [createLogger({})] : [];
+
+export const store = createStore({
+ plugins,
+ modules: {},
+ strict: debug,
+});

yarn.lock

@@ -353,7 +353,7 @@
  "@vue/compiler-dom" "3.2.21"
  "@vue/shared" "3.2.21"
 
-"@vue/devtools-api@^6.0.0-beta.18":
+"@vue/devtools-api@^6.0.0-beta.11", "@vue/devtools-api@^6.0.0-beta.18":
  version "6.0.0-beta.19"
  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.0.0-beta.19.tgz#f8e88059daa424515992426a0c7ea5cde07e99bf"
  integrity sha512-ObzQhgkoVeoyKv+e8+tB/jQBL2smtk/NmC9OmFK8UqdDpoOdv/Kf9pyDWL+IFyM7qLD2C75rszJujvGSPSpGlw==
@@ -2263,6 +2263,13 @@ vue@^3.2.6:
  "@vue/server-renderer" "3.2.21"
  "@vue/shared" "3.2.21"
 
+vuex@^4.0.2:
+ version "4.0.2"
+ resolved "https://registry.yarnpkg.com/vuex/-/vuex-4.0.2.tgz#f896dbd5bf2a0e963f00c67e9b610de749ccacc9"
+ integrity sha512-M6r8uxELjZIK8kTKDGgZTYX/ahzblnzC4isU1tpmEuOIIKmV+TRdc+H4s8ds2NuZ7wpUTdGRzJRtoj+lI+pc0Q==
+ dependencies:
+ "@vue/devtools-api" "^6.0.0-beta.11"
+
 which@^2.0.1:
  version "2.0.2"
  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"