WIP Sync

frontend/vue-app/src/components/shared/LoginButton.vue

@@ -239,12 +239,14 @@ function handleClickOutside(event: MouseEvent) {
 
 onMounted(() => {
   eventBus.on('open-login', open)
+  eventBus.on('profile_updated', fetchUserProfile)
   document.addEventListener('mousedown', handleClickOutside)
   fetchUserProfile()
 })
 
 onUnmounted(() => {
   eventBus.off('open-login', open)
+  eventBus.off('profile_updated', fetchUserProfile)
   document.removeEventListener('mousedown', handleClickOutside)
 
   // Revoke object URL to free memory
@@ -372,6 +374,10 @@ onUnmounted(() => {
 </template>
 
 <style scoped>
+.error {
+  color: var(--error);
+}
+
 .avatar-btn {
   width: 44px;
   min-width: 44px;