|
@@ -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 }>({
|
|
+const user = ref();
|
|
- name: "Unknown"
|
|
|
|
-});
|
|
|
|
|
|
|
|
const { socket } = useWebsocketsStore();
|
|
const { socket } = useWebsocketsStore();
|
|
-const { getBasicUser } = useUserAuthStore();
|
|
+const { loadModels } = useModels();
|
|
|
|
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
- socket.onConnect(() => {
|
|
+ socket.onConnect(async () => {
|
|
- getBasicUser(props.userId).then(basicUser => {
|
|
+ const [model] = await loadModels("minifiedUsers", props.userId);
|
|
- if (basicUser) {
|
|
+
|
|
- const { name, username } = basicUser;
|
|
+ if (model) user.value = model;
|
|
- user.value = {
|
|
|
|
- name,
|
|
|
|
- username
|
|
|
|
- };
|
|
|
|
- }
|
|
|
|
- });
|
|
|
|
});
|
|
});
|
|
});
|
|
});
|
|
</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>
|
|
|
|
|