added other nodes live sync now working

src/components/OtherNodes.vue

 <template>
-  <div v-for="(nodes, index) in otherArray" :key="index">
-    <p
-      class="readmode"
-      :id="nodes.node_id"
-      :inner-html.prop="nodes.node_text"
-    ></p>
+  <div v-for="(nodes, index) in otherNodes.otherNodes" :key="index">
+    <p class="readmode" :id="nodes.id">
+      {{ nodes.text }}
+    </p>
   </div>
 </template>
 
@@ -17,45 +15,20 @@ import { mapState } from 'vuex'
 export default {
   name: 'OtherNodes',
 
-  data() {
-    return {
-      otherArray: [],
-    }
-  },
-
   computed: {
     ...mapState({
       otherNodes: (state) => state.otherNodes,
     }),
   },
 
-  // watch: {
-  //   added: function () {
-  //     this.loadData()
-  //   },
-  // },
-
   mounted() {
-    //console.log('mounted')
+    this.$store.dispatch('getOthernodes')
     setTimeout(this.loadData, 500)
-
-    // if (localStorage.nogg_microcosm) {
-    //   // var devicename = localStorage.nogg_name
-    //   var microcosm = localStorage.nogg_microcosm
-    //   this.$store.dispatch('setMicrocosm', { microcosm })
-    // } else {
-    //   console.log('no')
-    //   // go home
-    // }
   },
 
   methods: {
     loadData() {
-      var othersFiltered = this.otherNodes.otherNodes.filter(
-        (nodes) => nodes.node_deleted == false
-      )
-      this.$store.dispatch('getOthernodes')
-      this.otherArray = othersFiltered
+      this.$store.dispatch('setOthernodes')
     },
   },
 }

src/store/modules/otherNodes.js

 var pouchdb
-
-// PRETTY SURE this is wrong
-import * as store from '@/store/store.js'
+var deviceName
 
 export const state = {
   allNodes: [],
@@ -17,8 +15,7 @@ export const mutations = {
       })
       .then(function (doc) {
         state.allNodes = doc.rows
-        // TODO: THIS IS NOT working
-        store.commit('SET_OTHER_NODES')
+        console.log('get all nodes')
       })
       .catch(function (err) {
         console.log(err)
@@ -26,19 +23,22 @@ export const mutations = {
   },
 
   SET_OTHER_NODES(state) {
+    console.log('setting')
     state.otherNodes = []
     var i
     var j
 
     for (i = 0; i < Object.keys(state.allNodes).length; i++) {
-      for (j = 0; j < Object.keys(state.allNodes[i].doc.nodes).length; j++) {
-        const newNode = {
-          id: state.allNodes[i].doc.nodes[j].node_id,
-          text: state.allNodes[i].doc.nodes[j].node_text,
-          deleted: state.allNodes[i].doc.nodes[j].node_deleted,
-          color: state.allNodes[i].doc.nodes[j].node_color,
+      if (state.allNodes[i].id != deviceName) {
+        for (j = 0; j < Object.keys(state.allNodes[i].doc.nodes).length; j++) {
+          const newNode = {
+            id: state.allNodes[i].doc.nodes[j].node_id,
+            text: state.allNodes[i].doc.nodes[j].node_text,
+            deleted: state.allNodes[i].doc.nodes[j].node_deleted,
+            color: state.allNodes[i].doc.nodes[j].node_color,
+          }
+          state.otherNodes.push(newNode)
         }
-        state.otherNodes.push(newNode)
       }
     }
   },
@@ -47,9 +47,15 @@ export const mutations = {
 export const actions = {
   getOthernodes: ({ commit }) => {
     commit('GET_ALL_NODES')
+    commit('SET_OTHER_NODES')
+  },
+
+  setOthernodes: ({ commit }) => {
+    commit('SET_OTHER_NODES')
   },
 
   getMicrocosm(vuexContext) {
+    deviceName = vuexContext.rootState.setup.deviceName
     pouchdb = vuexContext.rootState.setup.pouchdb
   },
 }

src/store/modules/setup.js

@@ -79,8 +79,7 @@ export const actions = {
           retry: true,
         })
         .on('change', function () {
-          // console.log('change happened')
-          // vuexContext.dispatch('getNodes', null, { root: true })
+          vuexContext.dispatch('getOthernodes', null, { root: true })
         })
         .on('paused', function () {})
         .on('active', function () {

src/views/Cards.vue

 <template>
   <ToolBar @added-node="addedNode" />
-  <MyNodes :added="added" />
   <OtherNodes />
+  <MyNodes :added="added" />
 </template>
 
 <script>