Add links to user's page

Author: nemoipaha

frontend/src/components/common/TweetPreview.vue

@@ -2,9 +2,14 @@
     <div class="tweet box" @click="$emit('click', tweet)">
         <article class="media">
             <figure class="media-left">
-                <p class="image is-64x64 is-square" v-if="tweet.author.avatar">
+                <router-link
+                    v-if="tweet.author.avatar"
+                    class="image is-64x64 is-square"
+                    :to="{ name: 'user-page', params: { id: tweet.author.id } }"
+                >
                     <img class="is-rounded" :src="tweet.author.avatar" alt="Author avatar">
-                </p>
+                </router-link>
+
                 <DefaultAvatar v-else class="image is-64x64" :user="tweet.author" />
             </figure>
 

frontend/src/components/view/tweet/Comment.vue

@@ -1,9 +1,12 @@
 <template>
     <article class="media">
         <figure class="media-left">
-            <p class="image is-48x48 is-square">
+            <router-link
+                class="image is-48x48 is-square"
+                :to="{ name: 'user-page', params: { id: comment.author.id } }"
+            >
                 <img class="is-rounded" :src="comment.author.avatar">
-            </p>
+            </router-link>
         </figure>
         <div class="media-content">
             <div class="content">