From d88d74c8e07d96238401441faf7b1ce2753bba01 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Mon, 22 May 2023 08:23:00 -0700
Subject: [PATCH] chore: formatting

---
 packages/client/src/components/MkNote.vue     | 91 ++++++++++++++-----
 .../client/src/components/MkNoteDetailed.vue  | 10 +-
 packages/client/src/ui/deck.vue               | 16 +++-
 packages/client/src/ui/universal.vue          | 10 +-
 4 files changed, 89 insertions(+), 38 deletions(-)

diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue
index fa82c0e212..5c014e9d3e 100644
--- a/packages/client/src/components/MkNote.vue
+++ b/packages/client/src/components/MkNote.vue
@@ -1,8 +1,20 @@
 <template>
-	<div :aria-label="accessibleLabel" v-if="!muted.muted" v-show="!isDeleted" ref="el" v-hotkey="keymap"
-		v-size="{ max: [500, 450, 350, 300] }" class="tkcbzcuz note-container" :tabindex="!isDeleted ? '-1' : null"
-		:class="{ renote: isRenote }">
-		<MkNoteSub v-if="appearNote.reply && !detailedView" :note="appearNote.reply" class="reply-to" />
+	<div
+		:aria-label="accessibleLabel"
+		v-if="!muted.muted"
+		v-show="!isDeleted"
+		ref="el"
+		v-hotkey="keymap"
+		v-size="{ max: [500, 450, 350, 300] }"
+		class="tkcbzcuz note-container"
+		:tabindex="!isDeleted ? '-1' : null"
+		:class="{ renote: isRenote }"
+	>
+		<MkNoteSub
+			v-if="appearNote.reply && !detailedView"
+			:note="appearNote.reply"
+			class="reply-to"
+		/>
 		<div v-if="!detailedView" class="note-context" @click="noteClick">
 			<div class="line"></div>
 			<div v-if="appearNote._prId_" class="info">
@@ -18,47 +30,80 @@
 				{{ i18n.ts.featured }}
 			</div>
 			<div v-if="pinned" class="info">
-				<i class="ph-push-pin ph-bold ph-lg"></i>{{ i18n.ts.pinnedNote }}
+				<i class="ph-push-pin ph-bold ph-lg"></i
+				>{{ i18n.ts.pinnedNote }}
 			</div>
 			<div v-if="isRenote" class="renote">
 				<i class="ph-repeat ph-bold ph-lg"></i>
 				<I18n :src="i18n.ts.renotedBy" tag="span">
 					<template #user>
-						<MkA v-user-preview="note.userId" class="name" :to="userPage(note.user)" @click.stop>
+						<MkA
+							v-user-preview="note.userId"
+							class="name"
+							:to="userPage(note.user)"
+							@click.stop
+						>
 							<MkUserName :user="note.user" />
 						</MkA>
 					</template>
 				</I18n>
 				<div class="info">
-					<button ref="renoteTime" class="_button time" @click.stop="showRenoteMenu()">
-						<i v-if="isMyRenote" class="ph-dots-three-outline ph-bold ph-lg dropdownIcon"></i>
+					<button
+						ref="renoteTime"
+						class="_button time"
+						@click.stop="showRenoteMenu()"
+					>
+						<i
+							v-if="isMyRenote"
+							class="ph-dots-three-outline ph-bold ph-lg dropdownIcon"
+						></i>
 						<MkTime :time="note.createdAt" />
 					</button>
 					<MkVisibility :note="note" />
 				</div>
 			</div>
 		</div>
-		<article class="article" @contextmenu.stop="onContextmenu" @click="noteClick">
+		<article
+			class="article"
+			@contextmenu.stop="onContextmenu"
+			@click="noteClick"
+		>
 			<div class="main">
 				<div class="header-container">
 					<MkAvatar class="avatar" :user="appearNote.user" />
-					<XNoteHeader class="header" :note="appearNote" :mini="true" />
+					<XNoteHeader
+						class="header"
+						:note="appearNote"
+						:mini="true"
+					/>
 				</div>
 				<div class="body">
-					<MkSubNoteContent class="text" :note="appearNote" :detailed="true" :detailedView="detailedView"
-						:parentId="appearNote.parentId" @push="(e) => router.push(notePage(e))"
-						@focusfooter="footerEl.focus()" @expanded="(e) => setPostExpanded(e)"></MkSubNoteContent>
+					<MkSubNoteContent
+						class="text"
+						:note="appearNote"
+						:detailed="true"
+						:detailedView="detailedView"
+						:parentId="appearNote.parentId"
+						@push="(e) => router.push(notePage(e))"
+						@focusfooter="footerEl.focus()"
+						@expanded="(e) => setPostExpanded(e)"
+					></MkSubNoteContent>
 					<div v-if="translating || translation" class="translation">
 						<MkLoading v-if="translating" mini />
 						<div v-else class="translated">
-							<b>{{
-								i18n.t("translatedFrom", {
-									x: translation.sourceLang,
-								})
-							}}:
+							<b
+								>{{
+									i18n.t("translatedFrom", {
+										x: translation.sourceLang,
+									})
+								}}:
 							</b>
-							<Mfm :text="translation.text" :author="appearNote.user" :i="$i"
-								:custom-emojis="appearNote.emojis" />
+							<Mfm
+								:text="translation.text"
+								:author="appearNote.user"
+								:i="$i"
+								:custom-emojis="appearNote.emojis"
+							/>
 						</div>
 					</div>
 				</div>
@@ -440,9 +485,9 @@ const accessibleLabel = computed(() => {
 	if (props.note.renote) {
 		label += `${i18n.t("renoted")} ${props.note.renote.user.username}; `;
 		if (props.note.renote.cw) {
-			label += `${i18n.t('cw')}: ${props.note.renote.cw}; `;
+			label += `${i18n.t("cw")}: ${props.note.renote.cw}; `;
 			if (postIsExpanded.value) {
-				label += `${props.note.renote.text}; `;	
+				label += `${props.note.renote.text}; `;
 			}
 		} else {
 			label += `${props.note.renote.text}; `;
@@ -460,7 +505,7 @@ const accessibleLabel = computed(() => {
 	const date = new Date(props.note.createdAt);
 	label += `${date.toLocaleTimeString()}`;
 	return label;
-})
+});
 
 defineExpose({
 	focus,
diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue
index 2fcf8b0e70..9f311a979f 100644
--- a/packages/client/src/components/MkNoteDetailed.vue
+++ b/packages/client/src/components/MkNoteDetailed.vue
@@ -33,14 +33,12 @@
 			detailedView
 		></MkNote>
 
-		<MkTab
-			v-model="tab"
-			:style="'underline'"
-			@update:modelValue="loadTab"
-		>
+		<MkTab v-model="tab" :style="'underline'" @update:modelValue="loadTab">
 			<option value="replies">
 				<!-- <i class="ph-arrow-u-up-left ph-bold ph-lg"></i> -->
-				<span v-if="appearNote.repliesCount > 0" class="count">{{ appearNote.repliesCount }}</span>
+				<span v-if="appearNote.repliesCount > 0" class="count">{{
+					appearNote.repliesCount
+				}}</span>
 				{{ i18n.ts._notification._types.reply }}
 			</option>
 			<option value="renotes" v-if="appearNote.renoteCount > 0">
diff --git a/packages/client/src/ui/deck.vue b/packages/client/src/ui/deck.vue
index b669aae28a..558193679b 100644
--- a/packages/client/src/ui/deck.vue
+++ b/packages/client/src/ui/deck.vue
@@ -111,7 +111,7 @@
 
 		<div v-if="isMobile" class="buttons">
 			<button
-			:aria-label="i18n.t('menu')"
+				:aria-label="i18n.t('menu')"
 				class="button nav _button"
 				@click="drawerMenuShowing = true"
 			>
@@ -120,11 +120,15 @@
 					><i class="ph-circle ph-fill"></i
 				></span>
 			</button>
-			<button :aria-label="i18n.t('home')" class="button home _button" @click="mainRouter.push('/')">
+			<button
+				:aria-label="i18n.t('home')"
+				class="button home _button"
+				@click="mainRouter.push('/')"
+			>
 				<i class="ph-house ph-bold ph-lg"></i>
 			</button>
 			<button
-			:aria-label="i18n.t('notifications')"
+				:aria-label="i18n.t('notifications')"
 				class="button notifications _button"
 				@click="mainRouter.push('/my/notifications')"
 			>
@@ -133,7 +137,11 @@
 					><i class="ph-circle ph-fill"></i
 				></span>
 			</button>
-			<button :aria-label="i18n.t('note')" class="button post _button" @click="os.post()">
+			<button
+				:aria-label="i18n.t('note')"
+				class="button post _button"
+				@click="os.post()"
+			>
 				<i class="ph-pencil ph-bold ph-lg"></i>
 			</button>
 		</div>
diff --git a/packages/client/src/ui/universal.vue b/packages/client/src/ui/universal.vue
index 6a39a739b8..5b61c1b2c8 100644
--- a/packages/client/src/ui/universal.vue
+++ b/packages/client/src/ui/universal.vue
@@ -36,7 +36,7 @@
 
 		<div v-if="isMobile" class="buttons">
 			<button
-			:aria-label="i18n.t('menu')"
+				:aria-label="i18n.t('menu')"
 				class="button nav _button"
 				@click="drawerMenuShowing = true"
 			>
@@ -48,7 +48,7 @@
 				</div>
 			</button>
 			<button
-			:aria-label="i18n.t('home')"
+				:aria-label="i18n.t('home')"
 				class="button home _button"
 				@click="
 					mainRouter.currentRoute.value.name === 'index'
@@ -65,7 +65,7 @@
 				</div>
 			</button>
 			<button
-			:aria-label="i18n.t('notifications')"
+				:aria-label="i18n.t('notifications')"
 				class="button notifications _button"
 				@click="
 					mainRouter.push('/my/notifications');
@@ -83,7 +83,7 @@
 				</div>
 			</button>
 			<button
-			:aria-label="i18n.t('messaging')"
+				:aria-label="i18n.t('messaging')"
 				class="button messaging _button"
 				@click="
 					mainRouter.push('/my/messaging');
@@ -103,7 +103,7 @@
 				</div>
 			</button>
 			<button
-			:aria-label="i18n.t('_deck._columns.widgets')"
+				:aria-label="i18n.t('_deck._columns.widgets')"
 				class="button widget _button"
 				@click="widgetsShowing = true"
 			>