<template>
  <article class="showroom">
    <header>
      <h1 v-html="item.name" />
    </header>
    <section class="images">
      <figure v-html="item.field_visuels"></figure>
    </section>
    <section class="content">
      <address v-html="item.field_public_address" />
      <div class="phone" v-html="item.field_public_phone" />
      <a class="email" :href="'mailto:'+item.field_public_email" v-html="item.field_public_email" />
      <div class="website" v-html="item.field_website" />
    </section>
  </article>
</template>

<script>
// import JSONAPI from 'vuejs/api/json-axios'
import router from 'vuejs/route'

let basePath = drupalSettings.path.baseUrl + drupalSettings.path.pathPrefix;

export default {
  name: "Showroom",
  router,
  props: ['item'],
  // data(){
  //   return {
  //     alias: this.item.view_node.replace(/^.?\/showroom\//g, '')
  //   }
  // },
  // methods:{}
}
</script>

<style lang="scss" scoped>
</style>
