Improved display of referenced properties

app/imports/ui/properties/treeNodeViews/ReferenceTreeNode.vue

@@ -7,7 +7,14 @@
       :color="model.color"
       :class="selected && 'primary--text'"
     />
-    <div class="text-no-wrap text-truncate">
+    <tree-node-view
+      v-if="model.cache && model.cache.node && model.cache.node.type !== 'reference'"
+      :model="model.cache.node"
+    />
+    <div
+      v-else
+      class="text-no-wrap text-truncate"
+    >
       {{ model.cache.node && model.cache.node.name || title }}
     </div>
   </div>
@@ -15,8 +22,12 @@
 
 <script lang="js">
 import treeNodeViewMixin from '/imports/ui/properties/treeNodeViews/treeNodeViewMixin.js';
+import TreeNodeView from '/imports/ui/properties/treeNodeViews/TreeNodeView.vue';
 
 export default {
+  components: {
+    TreeNodeView,
+  },
   mixins: [treeNodeViewMixin],
 }
 </script>