From 3d5b0c5d8391e2bf983e6273d9f7c5c2ea8d8503 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Tue, 23 May 2023 18:02:52 -0700
Subject: [PATCH] chore: formatting

---
 packages/client/src/components/MkMention.vue      |  1 -
 packages/client/src/components/MkNote.vue         |  8 +++++---
 packages/client/src/components/MkNoteSub.vue      |  5 +++--
 packages/client/src/components/MkNotification.vue | 11 ++++++-----
 4 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/packages/client/src/components/MkMention.vue b/packages/client/src/components/MkMention.vue
index af982fbbc..c191a08b2 100644
--- a/packages/client/src/components/MkMention.vue
+++ b/packages/client/src/components/MkMention.vue
@@ -55,7 +55,6 @@ const isMe =
 	$i &&
 	`@${props.username}@${toUnicode(props.host)}` ===
 		`@${$i.username}@${toUnicode(localHost)}`.toLowerCase();
-
 </script>
 
 <style lang="scss" scoped>
diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue
index 5b5e16fa4..5e4fe316f 100644
--- a/packages/client/src/components/MkNote.vue
+++ b/packages/client/src/components/MkNote.vue
@@ -663,7 +663,8 @@ defineExpose({
 		padding: 4px 32px 10px;
 		cursor: pointer;
 
-		&:first-child, &:nth-child(2) {
+		&:first-child,
+		&:nth-child(2) {
 			margin-top: -100px;
 			padding-top: 104px;
 		}
@@ -750,7 +751,7 @@ defineExpose({
 						bottom: 2px;
 						background: var(--panel);
 						z-index: -1;
-						transition: background .2s;
+						transition: background 0.2s;
 					}
 					&:first-of-type {
 						margin-left: -0.5em;
@@ -807,7 +808,8 @@ defineExpose({
 		}
 		> .article {
 			padding: 4px 16px 8px;
-			&:first-child, &:nth-child(2) {
+			&:first-child,
+			&:nth-child(2) {
 				padding-top: 104px;
 			}
 			> .main > .header-container > .avatar {
diff --git a/packages/client/src/components/MkNoteSub.vue b/packages/client/src/components/MkNoteSub.vue
index 987e8baf2..af2dba490 100644
--- a/packages/client/src/components/MkNoteSub.vue
+++ b/packages/client/src/components/MkNoteSub.vue
@@ -414,7 +414,7 @@ function noteClick(e) {
 						bottom: 2px;
 						background: var(--panel);
 						z-index: -1;
-						transition: background .2s;
+						transition: background 0.2s;
 					}
 					&:first-of-type {
 						margin-left: -0.5em;
@@ -452,7 +452,8 @@ function noteClick(e) {
 			inset-inline: 176px !important;
 		}
 	}
-	&.reply, &.reply-to {
+	&.reply,
+	&.reply-to {
 		> .main > .body {
 			margin-right: -24px;
 			padding-right: 24px;
diff --git a/packages/client/src/components/MkNotification.vue b/packages/client/src/components/MkNotification.vue
index 17b493a12..268774c66 100644
--- a/packages/client/src/components/MkNotification.vue
+++ b/packages/client/src/components/MkNotification.vue
@@ -130,7 +130,7 @@
 				:to="notePage(notification.note)"
 				:title="getNoteSummary(notification.note.renote)"
 			>
-			<span>{{ i18n.ts._notification.renoted }}</span>
+				<span>{{ i18n.ts._notification.renoted }}</span>
 				<i class="ph-quotes ph-fill ph-lg"></i>
 				<Mfm
 					:text="getNoteSummary(notification.note.renote)"
@@ -392,7 +392,6 @@ useTooltip(reactionRef, (showing) => {
 	display: flex;
 	contain: content;
 
-
 	&.max-width_500px {
 		padding-block: 16px;
 		font-size: 0.9em;
@@ -513,13 +512,15 @@ useTooltip(reactionRef, (showing) => {
 			white-space: nowrap;
 			display: -webkit-box;
 			-webkit-line-clamp: 3;
-			-webkit-box-orient: vertical;  
+			-webkit-box-orient: vertical;
 			overflow: hidden;
 			text-overflow: ellipsis;
 
 			> span:first-child {
-				opacity: .7;
-				&::after { content: ": " }
+				opacity: 0.7;
+				&::after {
+					content: ": ";
+				}
 			}
 
 			> i {