From d49f7b7e4ab81143d8cfe666e936b2dbd3407e2d Mon Sep 17 00:00:00 2001
From: tamaina <tamaina@hotmail.co.jp>
Date: Thu, 24 Aug 2023 06:26:00 +0000
Subject: [PATCH] fix

---
 packages/frontend/src/components/MkNoteSub.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/MkNoteSub.vue b/packages/frontend/src/components/MkNoteSub.vue
index 447d24c630..af9ae02dff 100644
--- a/packages/frontend/src/components/MkNoteSub.vue
+++ b/packages/frontend/src/components/MkNoteSub.vue
@@ -4,6 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
+<div v-if="!note"><!-- nothing to show --></div>
 <div v-if="!muted" :class="[$style.root, { [$style.children]: depth > 1 }]">
 	<div :class="$style.main">
 		<div v-if="note.channel" :class="$style.colorBar" :style="{ background: note.channel.color }"></div>
@@ -40,7 +41,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
-import { computed } from 'vue';
+import { ref } from 'vue';
 import MkNoteHeader from '@/components/MkNoteHeader.vue';
 import MkSubNoteContent from '@/components/MkSubNoteContent.vue';
 import MkCwButton from '@/components/MkCwButton.vue';
@@ -69,7 +70,7 @@ if (props.setNote) {
 }
 
 const note = noteManager.get(props.note.id);
-const muted = computed(() => !!note.value && checkWordMute(note.value, $i, defaultStore.state.mutedWords));
+const muted = ref(!!note.value && checkWordMute(note.value, $i, defaultStore.state.mutedWords));
 
 let showContent = $ref(false);
 let replies: { id: string }[] = $ref([]);