diff --git a/packages/frontend/src/components/MkImageGallery.item.vue b/packages/frontend/src/components/MkImageGallery.item.vue
index b809b86b85..e91cbfac0a 100644
--- a/packages/frontend/src/components/MkImageGallery.item.vue
+++ b/packages/frontend/src/components/MkImageGallery.item.vue
@@ -64,13 +64,16 @@ SPDX-License-Identifier: AGPL-3.0-only
 </div>
 </template>
 
-<script lang="ts" setup>
-import { nextTick, onBeforeUnmount, onMounted, onUnmounted, ref, useTemplateRef, watch } from 'vue';
-import { i18n } from '@/i18n.js';
-import { makeDoubleTapDetector } from '@/utility/double-tap.js';
-import { calculateSourceTransform } from '@/components/MkImageGallery.utils.js';
-import { deviceKind } from '@/utility/device-kind.js';
-import { isTouchUsing } from '@/utility/touch.js';
+<script lang="ts">
+type Size = {
+	width: number;
+	height: number;
+};
+
+type Rect = Size & {
+	left: number;
+	top: number;
+};
 
 export type Image = {
 	id: string;
@@ -83,6 +86,39 @@ export type Image = {
 	sourceElement?: HTMLElement | null;
 };
 
+export function calculateSourceTransform({
+	fit,
+	imageRenderingRect,
+	sourceRect,
+}: {
+	fit: string;
+	imageRenderingRect: Rect;
+	sourceRect: Rect;
+}): { x: number; y: number; scale: number } {
+	const scale = fit === 'cover'
+		? Math.max(sourceRect.width / imageRenderingRect.width, sourceRect.height / imageRenderingRect.height)
+		: Math.min(sourceRect.width / imageRenderingRect.width, sourceRect.height / imageRenderingRect.height);
+
+	const sourceImageWidth = imageRenderingRect.width * scale;
+	const sourceImageHeight = imageRenderingRect.height * scale;
+	const sourceImageLeft = sourceRect.left + (sourceRect.width - sourceImageWidth) / 2;
+	const sourceImageTop = sourceRect.top + (sourceRect.height - sourceImageHeight) / 2;
+
+	return {
+		x: sourceImageLeft - imageRenderingRect.left * scale,
+		y: sourceImageTop - imageRenderingRect.top * scale,
+		scale,
+	};
+}
+</script>
+
+<script lang="ts" setup>
+import { nextTick, onBeforeUnmount, onMounted, onUnmounted, ref, useTemplateRef, watch } from 'vue';
+import { i18n } from '@/i18n.js';
+import { makeDoubleTapDetector } from '@/utility/double-tap.js';
+import { deviceKind } from '@/utility/device-kind.js';
+import { isTouchUsing } from '@/utility/touch.js';
+
 const props = withDefaults(defineProps<{
 	image: Image;
 	activated: boolean;
diff --git a/packages/frontend/src/components/MkImageGallery.utils.ts b/packages/frontend/src/components/MkImageGallery.utils.ts
deleted file mode 100644
index 08e180d9a4..0000000000
--- a/packages/frontend/src/components/MkImageGallery.utils.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-/*
- * SPDX-FileCopyrightText: syuilo and misskey-project
- * SPDX-License-Identifier: AGPL-3.0-only
- */
-
-type Size = {
-	width: number;
-	height: number;
-};
-
-type Rect = Size & {
-	left: number;
-	top: number;
-};
-
-export function calculateSourceTransform({
-	fit,
-	imageRenderingRect,
-	sourceRect,
-}: {
-	fit: string;
-	imageRenderingRect: Rect;
-	sourceRect: Rect;
-}): { x: number; y: number; scale: number } {
-	const scale = fit === 'cover'
-		? Math.max(sourceRect.width / imageRenderingRect.width, sourceRect.height / imageRenderingRect.height)
-		: Math.min(sourceRect.width / imageRenderingRect.width, sourceRect.height / imageRenderingRect.height);
-
-	const sourceImageWidth = imageRenderingRect.width * scale;
-	const sourceImageHeight = imageRenderingRect.height * scale;
-	const sourceImageLeft = sourceRect.left + (sourceRect.width - sourceImageWidth) / 2;
-	const sourceImageTop = sourceRect.top + (sourceRect.height - sourceImageHeight) / 2;
-
-	return {
-		x: sourceImageLeft - imageRenderingRect.left * scale,
-		y: sourceImageTop - imageRenderingRect.top * scale,
-		scale,
-	};
-}