address added to personrenderbox w/ ShowAddress. Adapted to include a multiline option

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/ShowAddress.vue

@@ -1,5 +1,5 @@
 <template>
-   <div class="address multiline">
+   <component :is="component" :class="'address'+ isMultiline">
       <p v-if="address.text"
          class="street">
          {{ address.text }}
@@ -48,17 +48,33 @@
             <b>{{ $t('distribution') }}</b>: {{ address.distribution }}
          </span>
       </div>
-   </div>
+   </component>
 </template>
 
 <script>
 
 export default {
    name: 'ShowAddress',
-   props: ['address'],
+   props: {
+      address: {
+         type: Object
+      },
+      multiline: {
+         default: true,
+         type: Boolean
+      }
+   },
    data() {
       return {
       }
    },
+   computed: {
+      component(){
+         return this.multiline == true ? "div" : "span";
+      },
+      isMultiline(){
+         return this.multiline == true ? " multiline" : "";
+      }
+   }
 };
 </script>