src/components/UpdateUser.vue

@@ -26,7 +26,7 @@ export default defineComponent({
 
     async function updateUser(value: FG.User) {
       await userStore.updateUser(value);
-      user.value = value;
+      user.value = value
     }
 
     return {

src/components/Widget.vue

@@ -4,7 +4,7 @@
       <div v-if="avatar" class="col-4">
         <div style="width: 100%; padding-bottom: 100%; position: relative">
           <q-avatar style="position: absolute; top: 0; left: 0; width: 100%; height: 100%">
-            <img :src="api.defaults.baseURL + avatarLink" :onerror="error" />
+            <img :src="avatarLink" :onerror="error" />
           </q-avatar>
         </div>
       </div>
@@ -26,7 +26,7 @@
 </template>
 
 <script lang="ts">
-import { useMainStore, useUserStore, api } from '@flaschengeist/api';
+import { useMainStore, useUserStore } from '@flaschengeist/api';
 import { computed, defineComponent, onMounted, ref } from 'vue';
 
 export default defineComponent({
@@ -65,7 +65,7 @@ export default defineComponent({
         .filter((user) => user.userid !== mainStore.currentUser.userid)
     );
 
-    return { avatar, avatarLink, error, name, hasBirthday, birthday, api };
+    return { avatar, avatarLink, error, name, hasBirthday, birthday };
   },
 });
 </script>

src/components/settings/MainUserSettings.vue

@@ -139,9 +139,7 @@ export default defineComponent({
     const isCurrentUser = computed(() => userModel.value.userid === mainStore.currentUser.userid);
 
     /* Reset model if props changed */
-    watchEffect(() => {
+    watchEffect(() => {if(props.user.userid && props.user.userid !== userModel.value.userid) reset()})
-      if (props.user.userid && props.user.userid !== userModel.value.userid) reset();
-    });
 
     function onAvatarRejected() {
       Notify.create({