refactor: drop Setup
suffix for setup components
This commit is contained in:
parent
fded94c93d
commit
f165eebed3
9 changed files with 26 additions and 9 deletions
|
@ -57,7 +57,7 @@ function getFieldNameIcon(fieldName: string) {
|
|||
<AccountAvatar :account="account" w-30 h-30 />
|
||||
</NuxtLink>
|
||||
<div flex flex-col>
|
||||
<ContentRichSetup font-bold text-2xl break-words :content="getDisplayName(account)" :emojis="account.emojis" />
|
||||
<ContentRich font-bold text-2xl break-words :content="getDisplayName(account)" :emojis="account.emojis" />
|
||||
<p op50>
|
||||
{{ getAccountHandle(account) }}
|
||||
</p>
|
||||
|
@ -74,7 +74,7 @@ function getFieldNameIcon(fieldName: string) {
|
|||
</div>
|
||||
</div>
|
||||
<div v-if="account.note">
|
||||
<ContentRichSetup text-4 text-gray :content="account.note" :emojis="account.emojis" />
|
||||
<ContentRich text-4 text-gray :content="account.note" :emojis="account.emojis" />
|
||||
</div>
|
||||
<div flex flex-wrap gap-4>
|
||||
<div v-for="field in fields" :key="field.name" flex="~ gap-1" items-center>
|
||||
|
@ -82,7 +82,7 @@ function getFieldNameIcon(fieldName: string) {
|
|||
<div v-else op50 uppercase text-xs font-bold>
|
||||
{{ field.name }} |
|
||||
</div>
|
||||
<ContentRichSetup text-sm filter-saturate-0 :content="field.value" />
|
||||
<ContentRich text-sm filter-saturate-0 :content="field.value" />
|
||||
</div>
|
||||
</div>
|
||||
<div flex gap-5>
|
||||
|
|
|
@ -22,6 +22,6 @@ defineProps<{
|
|||
{{ account.followersCount }} Followers
|
||||
</NuxtLink>
|
||||
</div>
|
||||
<ContentRichSetup text-4 text-gray :content="account.note" :emojis="account.emojis" />
|
||||
<ContentRich text-4 text-gray :content="account.note" :emojis="account.emojis" />
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
@ -19,7 +19,7 @@ const accountHandle = $(useAccountHandle(account, fullServer))
|
|||
</NuxtLink>
|
||||
</div>
|
||||
<NuxtLink flex flex-col :to="link ? getAccountPath(account) : null">
|
||||
<ContentRichSetup font-bold hover:underline :content="getDisplayName(account)" :emojis="account.emojis" />
|
||||
<ContentRich font-bold hover:underline :content="getDisplayName(account)" :emojis="account.emojis" />
|
||||
<p op35 text-sm>
|
||||
{{ accountHandle }}
|
||||
</p>
|
||||
|
|
|
@ -10,6 +10,6 @@ const { link = true } = defineProps<{
|
|||
<template>
|
||||
<NuxtLink :to="link ? getAccountPath(account) : undefined" min-w-0 flex gap-1 items-center>
|
||||
<AccountAvatar :account="account" w-5 h-5 />
|
||||
<ContentRichSetup hover:underline :content="getDisplayName(account)" :emojis="account.emojis" />
|
||||
<ContentRich hover:underline :content="getDisplayName(account)" :emojis="account.emojis" />
|
||||
</NuxtLink>
|
||||
</template>
|
||||
|
|
|
@ -8,6 +8,6 @@ defineProps<{
|
|||
|
||||
<template>
|
||||
<NuxtLink :to="getAccountPath(account)">
|
||||
<ContentRichSetup font-bold :content="getDisplayName(account)" :emojis="account.emojis" />
|
||||
<ContentRich font-bold :content="getDisplayName(account)" :emojis="account.emojis" />
|
||||
</NuxtLink>
|
||||
</template>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue