From 70f6a4808ca5329d861c81ddbfb05ce8dad7d5d2 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Sun, 21 May 2023 20:05:52 -0700
Subject: [PATCH] chore: formatting

---
 packages/client/src/components/MkButton.vue   |  2 +-
 .../client/src/components/MkFollowButton.vue  | 20 ++++++++++---------
 packages/client/src/components/MkTab.vue      |  8 +++++---
 3 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/packages/client/src/components/MkButton.vue b/packages/client/src/components/MkButton.vue
index 8a7fe6851f..682072f4cb 100644
--- a/packages/client/src/components/MkButton.vue
+++ b/packages/client/src/components/MkButton.vue
@@ -194,7 +194,7 @@ function onMousedown(evt: MouseEvent): void {
 
 	&.mini {
 		padding: 4px 8px;
-		font-size: max(12px, .9em);
+		font-size: max(12px, 0.9em);
 		border-radius: 100px;
 	}
 
diff --git a/packages/client/src/components/MkFollowButton.vue b/packages/client/src/components/MkFollowButton.vue
index 0ef5868bd9..5481568c7e 100644
--- a/packages/client/src/components/MkFollowButton.vue
+++ b/packages/client/src/components/MkFollowButton.vue
@@ -11,41 +11,43 @@
 		}"
 		:disabled="wait"
 		@click="onClick"
-		:aria-label=" `${state} ${user.name || user.username}` "
+		:aria-label="`${state} ${user.name || user.username}`"
 	>
 		<template v-if="!wait">
 			<template v-if="isBlocking">
-				<span v-if="full">{{ state = i18n.ts.blocked }}</span
+				<span v-if="full">{{ (state = i18n.ts.blocked) }}</span
 				><i class="ph-prohibit ph-bold ph-lg"></i>
 			</template>
 			<template
 				v-else-if="hasPendingFollowRequestFromYou && user.isLocked"
 			>
-				<span v-if="full">{{ state = i18n.ts.followRequestPending }}</span
+				<span v-if="full">{{
+					(state = i18n.ts.followRequestPending)
+				}}</span
 				><i class="ph-hourglass-medium ph-bold ph-lg"></i>
 			</template>
 			<template
 				v-else-if="hasPendingFollowRequestFromYou && !user.isLocked"
 			>
 				<!-- つまりリモートフォローの場合。 -->
-				<span v-if="full">{{ state = i18n.ts.processing }}</span
+				<span v-if="full">{{ (state = i18n.ts.processing) }}</span
 				><i class="ph-circle-notch ph-bold ph-lg fa-pulse"></i>
 			</template>
 			<template v-else-if="isFollowing">
-				<span v-if="full">{{ state = i18n.ts.unfollow }}</span
+				<span v-if="full">{{ (state = i18n.ts.unfollow) }}</span
 				><i class="ph-minus ph-bold ph-lg"></i>
 			</template>
 			<template v-else-if="!isFollowing && user.isLocked">
-				<span v-if="full">{{ state = i18n.ts.followRequest }}</span
+				<span v-if="full">{{ (state = i18n.ts.followRequest) }}</span
 				><i class="ph-plus ph-bold ph-lg"></i>
 			</template>
 			<template v-else-if="!isFollowing && !user.isLocked">
-				<span v-if="full">{{ state = i18n.ts.follow }}</span
+				<span v-if="full">{{ (state = i18n.ts.follow) }}</span
 				><i class="ph-plus ph-bold ph-lg"></i>
 			</template>
 		</template>
 		<template v-else>
-			<span v-if="full">{{ state = i18n.ts.processing }}</span
+			<span v-if="full">{{ (state = i18n.ts.processing) }}</span
 			><i class="ph-circle-notch ph-bold ph-lg fa-pulse ph-fw ph-lg"></i>
 		</template>
 	</button>
@@ -176,7 +178,7 @@ onBeforeUnmount(() => {
 	background: var(--bg);
 
 	&.full {
-		padding: 0.2em .7em;
+		padding: 0.2em 0.7em;
 		width: auto;
 		font-size: 14px;
 	}
diff --git a/packages/client/src/components/MkTab.vue b/packages/client/src/components/MkTab.vue
index 5f7cd084fe..7e7e12b6f9 100644
--- a/packages/client/src/components/MkTab.vue
+++ b/packages/client/src/components/MkTab.vue
@@ -16,9 +16,10 @@ export default defineComponent({
 		return h(
 			"div",
 			{
-				class: ["pxhvhrfw", 
+				class: [
+					"pxhvhrfw",
 					{ chips: this.style === "chips" },
-					{ underline: this.style === "underline" }
+					{ underline: this.style === "underline" },
 				],
 				role: "tablist",
 			},
@@ -92,7 +93,8 @@ export default defineComponent({
 		}
 	}
 
-	&.chips, &.underline {
+	&.chips,
+	&.underline {
 		padding: 12px 32px;
 		font-size: 0.85em;
 		overflow-x: auto;