Made a channel page

frontend/modules/playerModule.js

@@ -1,4 +1,3 @@
-
 export default {
   namespaced: true,
   state: {
@@ -18,16 +17,12 @@ export default {
       PLAYING: 1,
       UNSTARTED: -1
     },
-    socket: null,
     channel: "summér"
   },
   getters: {
     channel: state => {
       return state.channel;
     },
-    socket: state => {
-      return state.socket
-    },
     PLAYER_STATES: state => {
       return state.PLAYER_STATES;
     },

frontend/modules/socketModule.js

@@ -0,0 +1,21 @@
+export default {
+  namespaced: true,
+  state: {
+    socket: null
+  },
+  getters: {
+    socket: state => {
+      return state.socket;
+    }
+  },
+  mutations: {
+    SET_SOCKET: (state, socket) => {
+      state.socket = socket;
+    }
+  },
+  actions: {
+    setSocket({ commit }, socket) {
+      commit("SET_SOCKET", socket);
+    }
+  }
+};