Add suffix slot to MkLink

src/client/components/form/link.vue

@@ -3,12 +3,18 @@
 	<a class="main _button _formPanel _formClickable" :href="to" target="_blank" v-if="external">
 		<span class="icon"><slot name="icon"></slot></span>
 		<span class="text"><slot></slot></span>
-		<Fa :icon="faExternalLinkAlt" class="right"/>
+		<span class="right">
+			<span class="text"><slot name="suffix"></slot></span>
+			<Fa :icon="faExternalLinkAlt" class="icon"/>
+		</span>
 	</a>
 	<MkA class="main _button _formPanel _formClickable" :class="{ active }" :to="to" v-else>
 		<span class="icon"><slot name="icon"></slot></span>
 		<span class="text"><slot></slot></span>
-		<Fa :icon="faChevronRight" class="right"/>
+		<span class="right">
+			<span class="text"><slot name="suffix"></slot></span>
+			<Fa :icon="faChevronRight" class="icon"/>
+		</span>
 	</MkA>
 </div>
 </template>
@@ -84,6 +90,10 @@ export default defineComponent({
 		> .right {
 			margin-left: auto;
 			opacity: 0.7;
+
+			> .text:not(:empty) {
+				margin-right: 0.75em;
+			}
 		}
 	}
 }

src/client/pages/about-misskey.vue

@@ -11,9 +11,21 @@
 		{{ $t('_aboutMisskey.about') }}
 	</section>
 	<FormGroup>
-		<FormLink to="https://github.com/syuilo/misskey" external><template #icon><Fa :icon="faCode"/></template>{{ $t('_aboutMisskey.source') }}</FormLink>
-		<FormLink to="https://crowdin.com/project/misskey" external><template #icon><Fa :icon="faLanguage"/></template>{{ $t('_aboutMisskey.translation') }}</FormLink>
-		<FormLink to="https://www.patreon.com/syuilo" external><template #icon><Fa :icon="faHandHoldingMedical"/></template>{{ $t('_aboutMisskey.donate') }}</FormLink>
+		<FormLink to="https://github.com/syuilo/misskey" external>
+			<template #icon><Fa :icon="faCode"/></template>
+			{{ $t('_aboutMisskey.source') }}
+			<template #suffix>GitHub</template>
+		</FormLink>
+		<FormLink to="https://crowdin.com/project/misskey" external>
+			<template #icon><Fa :icon="faLanguage"/></template>
+			{{ $t('_aboutMisskey.translation') }}
+			<template #suffix>Crowdin</template>
+		</FormLink>
+		<FormLink to="https://www.patreon.com/syuilo" external>
+			<template #icon><Fa :icon="faHandHoldingMedical"/></template>
+			{{ $t('_aboutMisskey.donate') }}
+			<template #suffix>Patreon</template>
+		</FormLink>
 	</FormGroup>
 	<FormGroup>
 		<template #label>{{ $t('_aboutMisskey.contributors') }}</template>