From c5206e7eb97cee945094f10e7863c188dc952fff Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Mon, 26 Jun 2023 14:51:45 -0700
Subject: [PATCH] chore: :art: format

---
 .../client/src/components/MkMediaImage.vue    |  5 ++--
 .../client/src/components/MkMediaVideo.vue    |  4 +--
 .../src/components/MkVisibilityPicker.vue     |  2 +-
 .../client/src/pages/settings/reaction.vue    |  2 +-
 packages/client/src/pages/timeline.vue        | 28 +++++++++++++------
 packages/client/src/widgets/rss.vue           |  4 +--
 6 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/packages/client/src/components/MkMediaImage.vue b/packages/client/src/components/MkMediaImage.vue
index df2c75e14..cbd5c0515 100644
--- a/packages/client/src/components/MkMediaImage.vue
+++ b/packages/client/src/components/MkMediaImage.vue
@@ -55,7 +55,6 @@ import { defaultStore } from "@/store";
 import { i18n } from "@/i18n";
 import * as os from "@/os";
 
-
 const props = defineProps<{
 	image: misskey.entities.DriveFile;
 	raw?: boolean;
@@ -73,8 +72,8 @@ const url =
 function captionPopup() {
 	os.alert({
 		type: "info",
-		text: props.image.comment
-	})
+		text: props.image.comment,
+	});
 }
 
 // Plugin:register_note_view_interruptor を使って書き換えられる可能性があるためwatchする
diff --git a/packages/client/src/components/MkMediaVideo.vue b/packages/client/src/components/MkMediaVideo.vue
index f743b1359..53dc6a8ab 100644
--- a/packages/client/src/components/MkMediaVideo.vue
+++ b/packages/client/src/components/MkMediaVideo.vue
@@ -85,8 +85,8 @@ const hide = ref(
 function captionPopup() {
 	os.alert({
 		type: "info",
-		text: props.video.comment
-	})
+		text: props.video.comment,
+	});
 }
 
 onMounted(() => {
diff --git a/packages/client/src/components/MkVisibilityPicker.vue b/packages/client/src/components/MkVisibilityPicker.vue
index d724f94b7..ce51f851e 100644
--- a/packages/client/src/components/MkVisibilityPicker.vue
+++ b/packages/client/src/components/MkVisibilityPicker.vue
@@ -225,7 +225,7 @@ function choose(visibility: (typeof misskey.noteVisibilities)[number]): void {
 }
 
 .itemDescription {
-	opacity: .6;
+	opacity: 0.6;
 	display: block;
 	line-height: 1.5;
 }
diff --git a/packages/client/src/pages/settings/reaction.vue b/packages/client/src/pages/settings/reaction.vue
index 60f1ee03d..9f6d26407 100644
--- a/packages/client/src/pages/settings/reaction.vue
+++ b/packages/client/src/pages/settings/reaction.vue
@@ -137,7 +137,7 @@ import { i18n } from "@/i18n";
 import { definePageMetadata } from "@/scripts/page-metadata";
 import { deepClone } from "@/scripts/clone";
 import { unisonReload } from "@/scripts/unison-reload";
-import {addSkinTone } from "@/scripts/emojilist";
+import { addSkinTone } from "@/scripts/emojilist";
 
 async function reloadAsk() {
 	const { canceled } = await os.confirm({
diff --git a/packages/client/src/pages/timeline.vue b/packages/client/src/pages/timeline.vue
index 88c41d283..91c92c9be 100644
--- a/packages/client/src/pages/timeline.vue
+++ b/packages/client/src/pages/timeline.vue
@@ -17,8 +17,8 @@
 				/>
 
 				<div v-if="queue > 0" class="new">
-					<button 
-						class="_buttonPrimary _shadow" 
+					<button
+						class="_buttonPrimary _shadow"
 						@click="top()"
 						:class="{ instant: !$store.state.animation }"
 					>
@@ -361,8 +361,18 @@ onMounted(() => {
 			position: absolute;
 			inset: 0;
 			border: 2px solid var(--accentDarken);
-			mask: linear-gradient(to right, transparent,black 40% 60%,transparent);
-			-webkit-mask: linear-gradient(to right, transparent,black 40% 60%,transparent);
+			mask: linear-gradient(
+				to right,
+				transparent,
+				black 40% 60%,
+				transparent
+			);
+			-webkit-mask: linear-gradient(
+				to right,
+				transparent,
+				black 40% 60%,
+				transparent
+			);
 		}
 		> button {
 			display: flex;
@@ -370,7 +380,7 @@ onMounted(() => {
 			top: 120%;
 			margin-inline: auto;
 			border-radius: 2em;
-			padding: .5em 1.2em;
+			padding: 0.5em 1.2em;
 			background: var(--accentedBg);
 			border: 0;
 			color: var(--accent);
@@ -378,8 +388,8 @@ onMounted(() => {
 			pointer-events: all;
 			transform: translateY(-100%);
 			opacity: 0;
-			animation: reset .4s forwards cubic-bezier(0,.4,0,1.1),
-									slideUp 1s 5s forwards cubic-bezier(1,0,1,1);
+			animation: reset 0.4s forwards cubic-bezier(0, 0.4, 0, 1.1),
+				slideUp 1s 5s forwards cubic-bezier(1, 0, 1, 1);
 			&::before {
 				content: "";
 				position: absolute;
@@ -388,9 +398,9 @@ onMounted(() => {
 				z-index: -1;
 			}
 			i {
-				margin-left: .7em;
+				margin-left: 0.7em;
 				border-left: 1px solid var(--accentedBg);
-				padding-left: .4em;
+				padding-left: 0.4em;
 			}
 		}
 	}
diff --git a/packages/client/src/widgets/rss.vue b/packages/client/src/widgets/rss.vue
index a37e32e8d..d28f1bf32 100644
--- a/packages/client/src/widgets/rss.vue
+++ b/packages/client/src/widgets/rss.vue
@@ -1,7 +1,7 @@
 <template>
-	<MkContainer 
+	<MkContainer
 		:show-header="widgetProps.showHeader"
-		class="mkw-rss" 
+		class="mkw-rss"
 		:scrollable="true"
 		:style="`height: ${widgetProps.height}px;`"
 	>