Vue.js 2 Web Development Projects

Post Content component

We the user clicks on a blog marker on the map, we need to display its content in the side pane. We will do this in a dedicated PostContent component.

1. Let's implement the content/PostContent.vue component by starting the initial template:

      <template>        <div class="post-content">          <template v-if="details">            <div class="title">              <img :src="details.author.profile.photos[0].value" />              <span>                <span>{{ details.title }}</span>                <span class="info">                  <span class="name">                    {{ details.author.profile.displayName }}</span>                  <span class="date">{{ details.date | date }}</span>                </span>              </span>            </div>            <div class="content">{{ details.content }}</div>            <!-- TODO Comments -->            <div class="actions">              <button                type="button" class="icon-button secondary" ...