Подключил vuex

package.json

@@ -21,6 +21,7 @@
     "@babel/eslint-parser": "^7.12.16",
     "@vue/cli-plugin-babel": "~5.0.0",
     "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-plugin-vuex": "~4.5.12",
     "@vue/cli-service": "~5.0.0",
     "@webdiscus/pug-loader": "^2.9.4",
     "eslint": "^8.25.0",

src/main.js

@@ -8,6 +8,7 @@ import "./assets/sass/variables.sass";
 import "./assets/css/iconfonts.css";
 import { clientsServer } from "../server.js";
 import { clickOutside } from "@/shared/clickOutside";
+import store from "./store";
 
 if (process.env.NODE_ENV === "development") {
   clientsServer({ environment: "development" });
@@ -16,6 +17,7 @@ if (process.env.NODE_ENV === "development") {
 moment.locale("ru");
 
 createApp(App)
+  .use(store)
   .directive("click-outside", clickOutside)
   .use(router, moment)
   .mount("#app");

src/store/index.js

@@ -0,0 +1,8 @@
+import { createStore } from "vuex";
+
+export default createStore({
+  state: {},
+  mutations: {},
+  actions: {},
+  modules: {},
+});

vue.config.js

@@ -6,9 +6,9 @@ module.exports = defineConfig({
   css: {
     loaderOptions: {
       postcss: {
-        postcssOptions: tailwind(tailwindConfig)
-      }
-    }
+        postcssOptions: tailwind(tailwindConfig),
+      },
+    },
   },
   chainWebpack: (config) => {
     const pugRule = config.module.rule("pug");