From a70835cae55aeaaa8c9b7948736073a13cbfcc42 Mon Sep 17 00:00:00 2001
From: FLY_MC <me@flymc.cc>
Date: Thu, 27 Mar 2025 15:51:08 +0800
Subject: [PATCH] fix autosapcing notes

---
 packages/frontend/src/components/MkNote.vue         | 7 ++++---
 packages/frontend/src/components/MkNoteDetailed.vue | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index 5173cd6ecf..da7a26dbce 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/packages/frontend/src/components/MkNote.vue
@@ -252,7 +252,8 @@ const props = withDefaults(defineProps<{
 	mock: false,
 });
 
-provide(DI.mock, props.mock);
+const mockValue = computed(() => props.mock);
+provide(DI.mock, mockValue.value);
 
 const emit = defineEmits<{
 	(ev: 'reaction', emoji: string): void;
@@ -297,7 +298,7 @@ const renoteTime = useTemplateRef('renoteTime');
 const reactButton = useTemplateRef('reactButton');
 const clipButton = useTemplateRef('clipButton');
 const likeButton = useTemplateRef('likeButton');
-const appearNote = computed(() => getAppearNote(note.value));
+const appearNote = computed(() => spacingNote(getAppearNote(note.value)));
 const galleryEl = useTemplateRef('galleryEl');
 const isMyRenote = $i && ($i.id === note.value.userId);
 const showContent = ref(false);
@@ -476,7 +477,7 @@ if (!props.mock) {
 }
 
 function noteClickToOpen(id: string) {
-	const selection = document.getSelection();
+	const selection = window.document.getSelection();
 	if (selection?.toString().length === 0) {
 		router.push(`/notes/${id}`);
 	}
diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue
index 52b6726ec2..22d65e2468 100644
--- a/packages/frontend/src/components/MkNoteDetailed.vue
+++ b/packages/frontend/src/components/MkNoteDetailed.vue
@@ -338,7 +338,7 @@ const reactButton = useTemplateRef('reactButton');
 const clipButton = useTemplateRef('clipButton');
 const likeButton = useTemplateRef('likeButton');
 const historyMenuButton = useTemplateRef('historyMenuButton');
-const appearNote = computed(() => getAppearNote(note.value));
+const appearNote = computed(() => spacingNote(getAppearNote(note.value)));
 const galleryEl = useTemplateRef('galleryEl');
 const isMyRenote = $i && ($i.id === note.value.userId);
 const showContent = ref(false);