From 51366e294042795fd27b53738de6b5f8876c99ef Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Thu, 6 Jun 2024 19:38:29 +0900
Subject: [PATCH] :art:

---
 packages/frontend/src/pages/embed/clip.vue    | 64 ++++++++--------
 packages/frontend/src/pages/embed/note.vue    | 10 +--
 .../src/pages/embed/user-timeline.vue         | 76 +++++++++----------
 3 files changed, 75 insertions(+), 75 deletions(-)

diff --git a/packages/frontend/src/pages/embed/clip.vue b/packages/frontend/src/pages/embed/clip.vue
index 3f0546072f..401ac0fa55 100644
--- a/packages/frontend/src/pages/embed/clip.vue
+++ b/packages/frontend/src/pages/embed/clip.vue
@@ -4,39 +4,39 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-	<div>
-		<MkLoading v-if="loading"/>
-		<XEmbedTimelineUI v-else-if="clip" :showHeader="normalizedShowHeader">
-			<template #header>
-				<div :class="$style.clipHeader">
-					<div :class="$style.headerClipIconRoot">
-						<i class="ti ti-paperclip"></i>
-					</div>
-					<div :class="$style.headerTitle" @click="top">
-						<div class="_nowrap"><a :href="`/clips/${clip.id}`" target="_blank" rel="noopener">{{ clip.name }}</a></div>
-						<div :class="$style.sub">{{ i18n.tsx.fromX({ x: instanceName }) }}</div>
-					</div>
-					<a :href="url" :class="$style.instanceIconLink" target="_blank" rel="noopener noreferrer">
-						<img
-							:class="$style.instanceIcon"
-							:src="instance.iconUrl || '/favicon.ico'"
-						/>
-					</a>
+<div>
+	<MkLoading v-if="loading"/>
+	<XEmbedTimelineUI v-else-if="clip" :showHeader="normalizedShowHeader">
+		<template #header>
+			<div :class="$style.clipHeader">
+				<div :class="$style.headerClipIconRoot">
+					<i class="ti ti-paperclip"></i>
 				</div>
-			</template>
-			<template #body>
-				<MkNotes
-					ref="notesEl"
-					:class="$style.userTimelineNotes"
-					:pagination="pagination"
-					:disableAutoLoad="!normalizedEnableAutoLoad"
-					:noGap="true"
-					:ad="false"
-				/>
-			</template>
-		</XEmbedTimelineUI>
-		<XNotFound v-else/>
-	</div>
+				<div :class="$style.headerTitle" @click="top">
+					<div class="_nowrap"><a :href="`/clips/${clip.id}`" target="_blank" rel="noopener">{{ clip.name }}</a></div>
+					<div :class="$style.sub">{{ i18n.tsx.fromX({ x: instanceName }) }}</div>
+				</div>
+				<a :href="url" :class="$style.instanceIconLink" target="_blank" rel="noopener noreferrer">
+					<img
+						:class="$style.instanceIcon"
+						:src="instance.iconUrl || '/favicon.ico'"
+					/>
+				</a>
+			</div>
+		</template>
+		<template #body>
+			<MkNotes
+				ref="notesEl"
+				:class="$style.userTimelineNotes"
+				:pagination="pagination"
+				:disableAutoLoad="!normalizedEnableAutoLoad"
+				:noGap="true"
+				:ad="false"
+			/>
+		</template>
+	</XEmbedTimelineUI>
+	<XNotFound v-else/>
+</div>
 </template>
 
 <script setup lang="ts">
diff --git a/packages/frontend/src/pages/embed/note.vue b/packages/frontend/src/pages/embed/note.vue
index adf5c1f4b1..bae7294c92 100644
--- a/packages/frontend/src/pages/embed/note.vue
+++ b/packages/frontend/src/pages/embed/note.vue
@@ -4,11 +4,11 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-	<div :class="$style.noteEmbedRoot">
-		<MkLoading v-if="loading"/>
-		<MkNoteDetailed v-else-if="note" :note="note"/>
-		<XNotFound v-else/>
-	</div>
+<div :class="$style.noteEmbedRoot">
+	<MkLoading v-if="loading"/>
+	<MkNoteDetailed v-else-if="note" :note="note"/>
+	<XNotFound v-else/>
+</div>
 </template>
 
 <script setup lang="ts">
diff --git a/packages/frontend/src/pages/embed/user-timeline.vue b/packages/frontend/src/pages/embed/user-timeline.vue
index 81e4232ae3..d42e7a124b 100644
--- a/packages/frontend/src/pages/embed/user-timeline.vue
+++ b/packages/frontend/src/pages/embed/user-timeline.vue
@@ -4,45 +4,45 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-	<div>
-		<MkLoading v-if="loading"/>
-		<XEmbedTimelineUI v-else-if="user" :showHeader="normalizedShowHeader">
-			<template #header>
-				<div :class="$style.userHeader">
-					<a :href="`/@${user.username}`" target="_blank" rel="noopener noreferrer" :class="$style.avatarLink">
-						<MkAvatar :class="$style.avatar" :user="user"/>
-					</a>
-					<div :class="$style.headerTitle" @click="top">
-						<I18n :src="i18n.ts.noteOf" tag="div" class="_nowrap">
-							<template #user>
-								<a :href="`/@${user.username}`" target="_blank" rel="noopener noreferrer">
-									<MkUserName :user="user"/>
-								</a>
-							</template>
-						</I18n>
-						<div :class="$style.sub">{{ i18n.tsx.fromX({ x: instanceName }) }}</div>
-					</div>
-					<a :href="url" :class="$style.instanceIconLink" target="_blank" rel="noopener noreferrer">
-						<img
-							:class="$style.instanceIcon"
-							:src="instance.iconUrl || '/favicon.ico'"
-						/>
-					</a>
+<div>
+	<MkLoading v-if="loading"/>
+	<XEmbedTimelineUI v-else-if="user" :showHeader="normalizedShowHeader">
+		<template #header>
+			<div :class="$style.userHeader">
+				<a :href="`/@${user.username}`" target="_blank" rel="noopener noreferrer" :class="$style.avatarLink">
+					<MkAvatar :class="$style.avatar" :user="user"/>
+				</a>
+				<div :class="$style.headerTitle" @click="top">
+					<I18n :src="i18n.ts.noteOf" tag="div" class="_nowrap">
+						<template #user>
+							<a :href="`/@${user.username}`" target="_blank" rel="noopener noreferrer">
+								<MkUserName :user="user"/>
+							</a>
+						</template>
+					</I18n>
+					<div :class="$style.sub">{{ i18n.tsx.fromX({ x: instanceName }) }}</div>
 				</div>
-			</template>
-			<template #body>
-				<MkNotes
-					ref="notesEl"
-					:class="$style.userTimelineNotes"
-					:pagination="pagination"
-					:disableAutoLoad="!normalizedEnableAutoLoad"
-					:noGap="true"
-					:ad="false"
-				/>
-			</template>
-		</XEmbedTimelineUI>
-		<XNotFound v-else/>
-	</div>
+				<a :href="url" :class="$style.instanceIconLink" target="_blank" rel="noopener noreferrer">
+					<img
+						:class="$style.instanceIcon"
+						:src="instance.iconUrl || '/favicon.ico'"
+					/>
+				</a>
+			</div>
+		</template>
+		<template #body>
+			<MkNotes
+				ref="notesEl"
+				:class="$style.userTimelineNotes"
+				:pagination="pagination"
+				:disableAutoLoad="!normalizedEnableAutoLoad"
+				:noGap="true"
+				:ad="false"
+			/>
+		</template>
+	</XEmbedTimelineUI>
+	<XNotFound v-else/>
+</div>
 </template>
 
 <script setup lang="ts">