chore: formatting

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "13.2.0-dev35",
+	"version": "13.2.0-dev36",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",

packages/client/src/components/MkCwButton.vue

@@ -4,11 +4,11 @@
 		:class="{ showLess: modelValue, fade: !modelValue }"
 		@click.stop="toggle"
 	>
-		<span>{{ modelValue ? i18n.ts._cw.hide : i18n.ts._cw.show }}
+		<span
+			>{{ modelValue ? i18n.ts._cw.hide : i18n.ts._cw.show }}
 			<span v-if="!modelValue">{{ label }}</span>
 		</span>
 	</button>
-
 </template>
 
 <script lang="ts" setup>
@@ -51,14 +51,14 @@ const toggle = () => {
 	> span {
 		background: var(--cwBg) !important;
 		color: var(--cwFg);
-		transition: background .2s, color .2s;
+		transition: background 0.2s, color 0.2s;
 		> span {
 			font-weight: 500;
 			&::before {
-				content: "("
+				content: "(";
 			}
 			&::after {
-				content: ")"
+				content: ")";
 			}
 		}
 	}

packages/client/src/components/MkNote.vue

@@ -85,10 +85,7 @@
 						:parentId="appearNote.parentId"
 						@push="(e) => router.push(notePage(e))"
 					></MkSubNoteContent>
-					<div
+					<div v-if="translating || translation" class="translation">
-						v-if="translating || translation"
-						class="translation"
-					>
 						<MkLoading v-if="translating" mini />
 						<div v-else class="translated">
 							<b
@@ -117,10 +114,7 @@
 				</div>
 				<div v-if="detailedView" class="info">
 					<MkA class="created-at" :to="notePage(appearNote)">
-						<MkTime
+						<MkTime :time="appearNote.createdAt" mode="absolute" />
-							:time="appearNote.createdAt"
-							mode="absolute"
-						/>
 					</MkA>
 				</div>
 				<footer ref="el" class="footer" @click.stop>
@@ -670,7 +664,7 @@ function readPromo() {
 				display: flex;
 				flex-wrap: wrap;
 				pointer-events: none; // Allow clicking anything w/out pointer-events: all; to open post
-				margin-top: .4em;
+				margin-top: 0.4em;
 				> .button {
 					margin: 0;
 					padding: 8px;

packages/client/src/components/MkSubNoteContent.vue

@@ -30,10 +30,11 @@
 			:custom-emojis="note.emojis"
 		/>
 	</p>
+	<div class="wrmlmaau">
 		<div
-		class="wrmlmaau"
+			class="content"
+			:class="{ collapsed, isLong, showContent: note.cw && !showContent }"
 		>
-		<div class="content" :class="{ collapsed, isLong, showContent: note.cw && !showContent }">
 			<div class="body">
 				<span v-if="note.deletedAt" style="opacity: 0.5"
 					>({{ i18n.ts.deleted }})</span
@@ -68,7 +69,10 @@
 					:i="$i"
 					:custom-emojis="note.emojis"
 				/>
-				<MkA v-if="!detailed && note.renoteId" class="rp" :to="`/notes/${note.renoteId}`"
+				<MkA
+					v-if="!detailed && note.renoteId"
+					class="rp"
+					:to="`/notes/${note.renoteId}`"
 					>{{ i18n.ts.quoteAttached }}: ...</MkA
 				>
 				<div v-if="note.files.length > 0" class="files">
@@ -84,7 +88,11 @@
 						:detail="false"
 						class="url-preview"
 					/>
-					<div v-if="note.renote" class="renote" @click.stop="emit('push', note.renote)">
+					<div
+						v-if="note.renote"
+						class="renote"
+						@click.stop="emit('push', note.renote)"
+					>
 						<XNoteSimple :note="note.renote" />
 					</div>
 				</template>
@@ -132,19 +140,17 @@ const emit = defineEmits<{
 	(ev: "push", v): void;
 }>();
 
-
+const isLong =
-const isLong = !props.detailedView && (
+	!props.detailedView &&
 	props.note.cw == null &&
 	props.note.text != null &&
-		(props.note.text.split("\n").length > 9 || props.note.text.length > 500)
+	(props.note.text.split("\n").length > 9 || props.note.text.length > 500);
-	);
 const collapsed = $ref(props.note.cw == null && isLong);
 const urls = props.note.text
 	? extractUrlFromMfm(mfm.parse(props.note.text)).slice(0, 5)
 	: null;
 
 let showContent = $ref(false);
-
 </script>
 
 <style lang="scss" scoped>
@@ -155,7 +161,8 @@ let showContent = $ref(false);
 	margin-right: 0.2em;
 	color: var(--accent);
 	transition: background 0.2s;
-	&:hover, &:focus {
+	&:hover,
+	&:focus {
 		background: var(--buttonHoverBg);
 	}
 }
@@ -174,7 +181,7 @@ let showContent = $ref(false);
 	.content {
 		overflow-wrap: break-word;
 		> .body {
-			transition: filter .1s;
+			transition: filter 0.1s;
 			> .rp {
 				margin-left: 4px;
 				font-style: oblique;
@@ -217,18 +224,19 @@ let showContent = $ref(false);
 					}
 				}
 			}
-
 		}
 
-
+		&.collapsed,
-		
+		&.showContent {
-		&.collapsed, &.showContent {
 			position: relative;
 			max-height: calc(9em + 50px);
 			> .body {
 				max-height: inherit;
 				mask: linear-gradient(black calc(100% - 64px), transparent);
-				-webkit-mask: linear-gradient(black calc(100% - 64px), transparent);
+				-webkit-mask: linear-gradient(
+					black calc(100% - 64px),
+					transparent
+				);
 				padding-inline: 50px;
 				margin-inline: -50px;
 				margin-top: -50px;
@@ -262,7 +270,7 @@ let showContent = $ref(false);
 				> span {
 					display: inline-block;
 					background: var(--panel);
-					padding: .4em 1em;
+					padding: 0.4em 1em;
 					font-size: 0.8em;
 					border-radius: 999px;
 					box-shadow: 0 2px 6px rgb(0 0 0 / 20%);

packages/client/src/scripts/upload.ts

@@ -96,7 +96,7 @@ export function uploadFile(
 
 					if (xhr.status === 413) {
 						alert({
-							type: 'error',
+							type: "error",
 							title: i18n.ts.failedToUpload,
 							text: i18n.ts.cannotUploadBecauseExceedsFileSizeLimit,
 						});