almost fixed the notification bug.

src/store/modules/channelModule.js

@@ -48,7 +48,8 @@ const mutations = {
     Vue.set(state.channels[channelID], "lastMessaged", Date.now());
   },
   addAllChannels(state, channels) {
-    Vue.set(state, "channels", channels);
+    const test = Object.assign(state.channels, channels);
+    Vue.set(state, "channels", test);
   },
   channel(state, channel) {
     Vue.set(state.channels, channel.channelID, channel);

src/store/modules/serversModule.js

@@ -33,7 +33,9 @@ const actions = {
 
 const mutations = {
   SET_CHANNELS_IDS(state, {serverID, channelsIDs}) {
-    Vue.set(state.channelsIDs, serverID, channelsIDs);
+    const previousChannels = state.channelsIDs[serverID] || []
+    Vue.set(state.channelsIDs, serverID, [...previousChannels, ...channelsIDs]);
+
   },
   SET_SERVERS(state, servers) {
     state.servers = servers;

src/store/modules/socketIOModule.js

@@ -39,6 +39,20 @@ const actions = {
     let servers = user.servers || [];
     //convert array to object for servers
     servers = servers.reduce((obj, item) => {
+      item.channels.forEach(element => {
+        element.server = undefined
+        element._id = undefined;
+        element.__v = undefined;
+        element.server_id = item.server_id
+        console.log(element)
+
+        context.dispatch('channel', element)
+        context.dispatch("servers/setChannelsIDs", {
+          serverID: item.server_id,
+          channelsIDs: [element.channelID]
+        });
+      });
+      item.channels = undefined;
       obj[item.server_id] = item
       return obj
     }, {})