Composability: pass "object" as component prop

src/components/CytoscapeRenderer.vue

@@ -2,11 +2,13 @@
   <div id="cytoscape-renderer">
     <div id="cytoscape-container"></div>
     <div id="measurement-box"></div>
-    <topic-detail></topic-detail>
+    <topic-detail :object="object"></topic-detail>
   </div>
 </template>
 
 <script>
+import dm5 from 'dm5'
+
 export default {
 
   created () {
@@ -26,6 +28,12 @@ export default {
     this.$store.dispatch('shutdownRenderer')
   },
 
+  props: {
+    // The selected Topic/Assoc/TopicType/AssocType.
+    // Undefined if nothing is selected.
+    object: dm5.DeepaMehtaObject
+  },
+
   components: {
     'topic-detail': require('./TopicDetail')
   }

src/components/TopicDetail.vue

 <template>
   <div :class="['dm5-topic-detail', {locked}]" v-if="node" :style="style">
     <h3>{{title}}</h3>
-    <dm5-object-renderer></dm5-object-renderer>
+    <dm5-object-renderer :object="object"></dm5-object-renderer>
     <el-button :class="['lock-button', 'fa', lockIcon]" type="text" @click="toggleLock"></el-button>
   </div>
 </template>
 
 <script>
+import dm5 from 'dm5'
+
 export default {
 
   created () {
@@ -17,6 +19,16 @@ export default {
     // console.log('dm5-topic-detail mounted')
   },
 
+  activated () {
+    // console.log('dm5-topic-detail activated')
+  },
+
+  props: {
+    // The selected Topic/Assoc/TopicType/AssocType.
+    // Undefined if nothing is selected.
+    object: dm5.DeepaMehtaObject
+  },
+
   data () {
     return {
       locked: true

src/components/TopicmapPanel.vue

 <template>
   <div class="dm5-topicmap-panel">
     <dm5-toolbar></dm5-toolbar>
-    <component :is="renderer"></component>
+    <component :is="renderer" :object="object"></component>
   </div>
 </template>
 
 <script>
+import dm5 from 'dm5'
+
 export default {
 
+  created () {
+    console.log('dm5-topicmap-panel created', this.object)
+  },
+
+  props: {
+    // The selected Topic/Assoc/TopicType/AssocType.
+    // Undefined if nothing is selected.
+    object: dm5.DeepaMehtaObject
+  },
+
   computed: {
     renderer () {
       // ### TODO: renderer registry