minor on embed event

pages/embed/_event_id.vue

@@ -2,23 +2,19 @@
   nuxt-link.embed_event(:to='`/event/${id}`' target='_blank' :class='{ withImg: event.image_path }')
 
     //- image
-    img.float-left(v-if='event.image_path' :src='`/media/thumb/${event.image_path}`')
+    img.float-left(:src='`/media/thumb/${event.image_path || "logo.png"}`')
     .event-info
-
       //-  title
       .date {{event|when}}<br/>
       h4 {{event.title}}
 
       //- date / place
-      .date {{event.place.name}}<br/> {{event.place.address}}
+      .date {{event.place.name}}
-
 </template>
 <script>
-import Event from '../../components/Event'
 
 export default {
   layout: 'iframe',
-  components: { Event },
   async asyncData ({ $axios, params, error, store }) {
     try {
       const event = await $axios.$get(`/event/${params.event_id}`)
@@ -29,6 +25,7 @@ export default {
   },
   data () {
     return {
+      settings: { baseurl: '' },
       loading: true
     }
   }
@@ -38,12 +35,12 @@ export default {
 </script>
 <style lang='less'>
 .embed_event {
+  display: flex;
   transition: margin .1s;
   background: url('/favicon.ico') no-repeat right 5px bottom 5px;
   background-size: 32px;
   background-color: #1f1f1f;
-
+  text-decoration: none;
-  display: inline-block;
   border: 1px solid #b1a3a3;
   margin: 0px auto;
   padding: 0px;
@@ -63,7 +60,6 @@ export default {
   .event-info {
     height: 100%;
     color: #eee !important;
-    display: flex;
     flex-direction: column;
     padding: 5px;