router list empty cols, destination service->app

components/cru/rio.cattle.io.v1.router/Destination.vue

@@ -32,7 +32,7 @@ export default {
 
   data() {
     const {
-      namespace = 'default', port = '', service = {}, uuid, version = ''
+      namespace = 'default', port = '', app = {}, uuid, version = ''
     } = this.spec;
 
     return {
@@ -41,7 +41,7 @@ export default {
       services:    [],
       namespace,
       port,
-      service,
+      service:  app,
       weight:     '',
       mode:       null
     };
@@ -49,7 +49,7 @@ export default {
   computed: {
     formatted() {
       return {
-        service:   this.service.metadata ? this.service.metadata.name : this.service,
+        app:     this.service.metadata ? this.service.metadata.name : this.service,
         version:   this.pickVersion ? this.version : null,
         port:      this.port,
         weight:    this.weight,

components/formatters/RouterDestination.vue

@@ -30,8 +30,8 @@ export default {
 </script>
 
 <template>
-  <span>
-    <span v-if="!value[0].redirect">{{ to.service }}{{ `(${to.version})` }}:{{ to.port }}</span>
+  <span v-if="to">
+    <span v-if="!value[0].redirect">{{ to.app }}{{ to.version ?`(${to.version}):` : '' }}{{ to.port }}</span>
     <span v-else>
       <span v-for="(string,key) in to" :key="string">
         {{ key }}: {{ string }}

components/formatters/RouterMatch.vue

@@ -65,7 +65,7 @@ export default {
 </script>
 
 <template>
-  <span>
+  <span v-if="methodToShow">
     <span v-if="methodToShow==='headers'||methodToShow==='cookies'">
       {{ methodToShow }} = {{ valueToShow.name }}:{{ valueToShow.value }}
     </span>
@@ -75,6 +75,9 @@ export default {
     <br />
     <span v-if="remaining>0" class="plus-more">+{{ remaining }} more</span>
   </span>
+  <span v-else class="text-muted">
+    &mdash;
+  </span>
 </template>
 
 <style lang='scss'>