diff options
Diffstat (limited to 'packages/frontend/src/components/global/MkAcct.vue')
| -rw-r--r-- | packages/frontend/src/components/global/MkAcct.vue | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/packages/frontend/src/components/global/MkAcct.vue b/packages/frontend/src/components/global/MkAcct.vue new file mode 100644 index 0000000000..c3e806b5fb --- /dev/null +++ b/packages/frontend/src/components/global/MkAcct.vue @@ -0,0 +1,27 @@ +<template> +<span class="mk-acct"> + <span class="name">@{{ user.username }}</span> + <span v-if="user.host || detail || $store.state.showFullAcct" class="host">@{{ user.host || host }}</span> +</span> +</template> + +<script lang="ts" setup> +import * as misskey from 'misskey-js'; +import { toUnicode } from 'punycode/'; +import { host as hostRaw } from '@/config'; + +defineProps<{ + user: misskey.entities.UserDetailed; + detail?: boolean; +}>(); + +const host = toUnicode(hostRaw); +</script> + +<style lang="scss" scoped> +.mk-acct { + > .host { + opacity: 0.5; + } +} +</style> |