From 48252891756050dd59fb311df74f783cbe4d6255 Mon Sep 17 00:00:00 2001
From: jhynsoo <jhynsoo@gmail.com>
Date: Thu, 23 May 2024 17:12:31 +0900
Subject: [PATCH] Fix: Fix comment area

---
 src/components/article/CommentArea.vue | 2 +-
 src/components/article/CommentList.vue | 4 +---
 src/stores/memberStore.js              | 1 +
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/article/CommentArea.vue b/src/components/article/CommentArea.vue
index 76f49dc..43de7d1 100644
--- a/src/components/article/CommentArea.vue
+++ b/src/components/article/CommentArea.vue
@@ -20,7 +20,7 @@ function updateList(comment) {
       댓글 <span>{{ comments.length }}</span>
     </h2>
     <CommentForm @updateList="updateList" :article-id="articleId" v-if="memberStore.isLogin" />
-    <CommentList :comments="comments" />
+    <CommentList :comments="comments" :userId="memberStore.userId" />
   </div>
 </template>
 
diff --git a/src/components/article/CommentList.vue b/src/components/article/CommentList.vue
index 549a779..d55a52d 100644
--- a/src/components/article/CommentList.vue
+++ b/src/components/article/CommentList.vue
@@ -1,9 +1,7 @@
 <script setup>
-import { useMemberStore } from '@/stores/memberStore';
 import CommentItem from './CommentItem.vue';
 
-const { comments } = defineProps({ comments: Array });
-const { userId } = useMemberStore();
+const { comments, userId } = defineProps({ comments: Array, userId: String });
 </script>
 
 <template>
diff --git a/src/stores/memberStore.js b/src/stores/memberStore.js
index 58e57a9..0280a01 100644
--- a/src/stores/memberStore.js
+++ b/src/stores/memberStore.js
@@ -9,6 +9,7 @@ export const useMemberStore = defineStore('memberStore', () => {
   const accessToken = ref(localStorage.getItem('accessToken'));
   const isLogin = computed(() => accessToken.value !== null);
   const userId = computed(() => {
+    if (!isLogin.value) return null;
     return jwtDecode(accessToken.value).userId;
   });