link interaction avatars to the user profile

src/components/avatar_list/avatar_list.js

@@ -1,4 +1,5 @@
 import UserAvatar from '../user_avatar/user_avatar.vue'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 
 const AvatarList = {
   props: ['users'],
@@ -9,6 +10,11 @@ const AvatarList = {
   },
   components: {
     UserAvatar
+  },
+  methods: {
+    userProfileLink (user) {
+      return generateProfileLink(user.id, user.screen_name, this.$store.state.instance.restrictedNicknames)
+    }
   }
 }
 

src/components/avatar_list/avatar_list.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="avatars">
-      <div class="avatars-item" v-for="user in slicedUsers">
-        <UserAvatar :user="user" class="avatar-small" />
-      </div>
+    <router-link :to="userProfileLink(user)" class="avatars-item" v-for="user in slicedUsers">
+      <UserAvatar :user="user" class="avatar-small" />
+    </router-link>
   </div>
 </template>