| 
														
															@@ -1,45 +1,37 @@ 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 <script setup lang="ts"> 
														 | 
														
														 | 
														
															 <script setup lang="ts"> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 import { ref, onMounted } from "vue"; 
														 | 
														
														 | 
														
															 import { ref, onMounted } from "vue"; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 import { useWebsocketsStore } from "@/stores/websockets"; 
														 | 
														
														 | 
														
															 import { useWebsocketsStore } from "@/stores/websockets"; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-import { useUserAuthStore } from "@/stores/userAuth"; 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+import { useModels } from "@/composables/useModels"; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 | 
													
												
											
												
													
														| 
														 | 
														
															 const props = defineProps({ 
														 | 
														
														 | 
														
															 const props = defineProps({ 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 	userId: { type: String, default: "" }, 
														 | 
														
														 | 
														
															 	userId: { type: String, default: "" }, 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 	link: { type: Boolean, default: true } 
														 | 
														
														 | 
														
															 	link: { type: Boolean, default: true } 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 }); 
														 | 
														
														 | 
														
															 }); 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 | 
													
												
											
												
													
														| 
														 | 
														
															-const user = ref<{ name: string; username?: string }>({ 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-	name: "Unknown" 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-}); 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+const user = ref(); 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 | 
													
												
											
												
													
														| 
														 | 
														
															 const { socket } = useWebsocketsStore(); 
														 | 
														
														 | 
														
															 const { socket } = useWebsocketsStore(); 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-const { getBasicUser } = useUserAuthStore(); 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+const { loadModels } = useModels(); 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 | 
													
												
											
												
													
														| 
														 | 
														
															 onMounted(() => { 
														 | 
														
														 | 
														
															 onMounted(() => { 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-	socket.onConnect(() => { 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-		getBasicUser(props.userId).then(basicUser => { 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-			if (basicUser) { 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-				const { name, username } = basicUser; 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-				user.value = { 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-					name, 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-					username 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-				}; 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-			} 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-		}); 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+	socket.onConnect(async () => { 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+		const [model] = await loadModels("minifiedUsers", props.userId); 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+ 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+		if (model) user.value = model; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 	}); 
														 | 
														
														 | 
														
															 	}); 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 }); 
														 | 
														
														 | 
														
															 }); 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 </script> 
														 | 
														
														 | 
														
															 </script> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 | 
													
												
											
												
													
														| 
														 | 
														
															 <template> 
														 | 
														
														 | 
														
															 <template> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 	<router-link 
														 | 
														
														 | 
														
															 	<router-link 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-		v-if="$props.link && user.username" 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+		v-if="$props.link && user?.username" 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 		:to="{ path: `/u/${user.username}` }" 
														 | 
														
														 | 
														
															 		:to="{ path: `/u/${user.username}` }" 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 		:title="userId" 
														 | 
														
														 | 
														
															 		:title="userId" 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 	> 
														 | 
														
														 | 
														
															 	> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 		{{ user.name }} 
														 | 
														
														 | 
														
															 		{{ user.name }} 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 	</router-link> 
														 | 
														
														 | 
														
															 	</router-link> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 	<span v-else :title="userId"> 
														 | 
														
														 | 
														
															 	<span v-else :title="userId"> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-		{{ user.name }} 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+		{{ user?.name ?? "Unknown" }} 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 	</span> 
														 | 
														
														 | 
														
															 	</span> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 </template> 
														 | 
														
														 | 
														
															 </template> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 |