versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2026-03-13 03:29:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

build: ✨ Add explanations for which apps can be used, add link to registration page in sidebar

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-04-25 20:10:44 -10:00
parent a45c04258e
commit c29cae2955
No known key found for this signature in database
5 changed files with 98 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

76
components/social-elements/users/Account.vue
View file

@ -94,39 +94,53 @@ const props = defineProps<{
const skeleton = computed(() => !props.account);
const formattedJoin = computed(() => Intl.DateTimeFormat("en-US", {
month: "long",
year: "numeric",
}).format(new Date(props.account?.created_at ?? 0)));
const formattedJoin = computed(() =>
Intl.DateTimeFormat("en-US", {
month: "long",
year: "numeric",
}).format(new Date(props.account?.created_at ?? 0)),
);
const parsedNote = ref("");
const parsedFields: Ref<{
name: string;
value: string;
}[]> = ref([]);
const parsedFields: Ref<
{
name: string;
value: string;
}[]
> = ref([]);
watch(skeleton, async () => {
if (skeleton.value) return;
parsedNote.value = (await useParsedContent(
props.account?.note ?? "",
props.account?.emojis ?? [],
[],
)).value;
parsedFields.value = await Promise.all(
props.account?.fields.map(async (field) => ({
name: await (await useParsedContent(
field.name,
watch(
skeleton,
async () => {
if (skeleton.value) return;
parsedNote.value = (
await useParsedContent(
props.account?.note ?? "",
props.account?.emojis ?? [],
[]
)).value,
value: await (await useParsedContent(
field.value,
props.account?.emojis ?? [],
[]
)).value,
})) ?? [],
);
}, {
immediate: true,
});
[],
)
).value;
parsedFields.value = await Promise.all(
props.account?.fields.map(async (field) => ({
name: await (
await useParsedContent(
field.name,
props.account?.emojis ?? [],
[],
)
).value,
value: await (
await useParsedContent(
field.value,
props.account?.emojis ?? [],
[],
)
).value,
})) ?? [],
);
},
{
immediate: true,
},
);
</script>