From 76825fda392467f465faa02a01f5e7a825a729cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sybren=20A=2E=20St=C3=BCvel?= <sybren@stuvel.eu>
Date: Fri, 31 May 2019 12:28:04 +0200
Subject: [PATCH] Render avatar of current user using Vue.js

Requires Pillar 47474ac936ffb1d179161c8a3cac5d20e6005659
---
 src/templates/menus/user.pug | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/templates/menus/user.pug b/src/templates/menus/user.pug
index d0596f7..3fcc79e 100644
--- a/src/templates/menus/user.pug
+++ b/src/templates/menus/user.pug
@@ -10,10 +10,7 @@
 
 | {% block menu_avatar %}
 a.navbar-item.dropdown-toggle(href="{{ url_for('settings.profile') }}", data-toggle="dropdown")
-	img.gravatar.rounded-circle(
-	src="{{ current_user.gravatar }}",
-	class="{{ subscription }}",
-	alt="Avatar")
+	current-user-avatar
 	.special(class="{{ subscription }}")
 		| {% if subscription == 'subscriber' %}
 		i.pi-check
@@ -22,6 +19,8 @@ a.navbar-item.dropdown-toggle(href="{{ url_for('settings.profile') }}", data-tog
 		| {% else %}
 		i.pi-attention
 		| {% endif %}
+	script.
+		new Vue({el: 'current-user-avatar'})
 | {% endblock menu_avatar %}