Use the same method everywhere to calculate the avatar url

src/components/global/user.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="user">
-		<img :src="gravatar()" class="avatar" alt="" v-tooltip="user.username"/>
+		<img :src="user.getAvatarUrl(avatarSize)" class="avatar" alt="" v-tooltip="user.username"/>
 		<span v-if="showUsername" class="username">{{ user.username }}</span>
 	</div>
 </template>
@@ -24,11 +24,6 @@
 				default: 50,
 			}
 		},
-		methods: {
-			gravatar() {
-				return 'https://www.gravatar.com/avatar/' + this.user.avatarUrl + '?s=' + this.avatarSize
-			}
-		}
 	}
 </script>
 

src/components/tasks/ShowListTasks.vue

@@ -76,7 +76,7 @@
 								<span class="tag" v-for="label in l.labels" :style="{'background': label.hex_color, 'color': label.textColor}" :key="label.id">
 									<span>{{ label.title }}</span>
 								</span>
-								<img :src="gravatar(a)" :alt="a.username" v-for="(a, i) in l.assignees" class="avatar" :key="l.id + 'assignee' + a.id + i"/>
+								<img :src="a.getAvatarUrl(27)" :alt="a.username" v-for="(a, i) in l.assignees" class="avatar" :key="l.id + 'assignee' + a.id + i"/>
 								<i v-if="l.dueDate > 0" :class="{'overdue': l.dueDate <= new Date() && !l.done}" v-tooltip="formatDate(l.dueDate)"> - Due {{formatDateSince(l.dueDate)}}</i>
 								<priority-label :priority="l.priority"/>
 							</router-link>
@@ -271,9 +271,6 @@
 				this.taskEditTask = theTask
 				this.isTaskEdit = true
 			},
-			gravatar(user) {
-				return 'https://www.gravatar.com/avatar/' + user.avatarUrl + '?s=27'
-			},
 			getTaskByID(id) {
 				for (const t in this.tasks) {
 					if (this.tasks[t].id === parseInt(id)) {