diff --git a/src/front/src/pages/articles/Detail.vue b/src/front/src/pages/articles/Detail.vue
index dd93d40..2fe45e2 100644
--- a/src/front/src/pages/articles/Detail.vue
+++ b/src/front/src/pages/articles/Detail.vue
@@ -1,12 +1,14 @@
 <template>
     <div>
         <div>
-            title : <span v-if="!pending">{{ article.title }}</span>
+            title : <span>{{ article.title }}</span>
         </div>
         <div>
-            content: <p v-if="!pending">{{ article.content }}</p>
+            content: <p>{{ article.content }}</p>
+        </div>
+        <div>
+            createdAt: {{ article.createdAt }}
         </div>
-
     </div>
 </template>
 
@@ -17,13 +19,19 @@
     name: "Detail",
     data() {
       return {
-        article: null,
+        article: {
+          title: '',
+          content: '',
+          createdAt: '',
+          isOwn: null
+        },
         pending: true
       }
     },
     async beforeCreate() {
       try {
-        const result = await articleApi.getArticle.bind(this)(this.$route.params.id);
+        const articleId = this.$route.params.id;
+        const result = await articleApi.getArticle.bind(this)(articleId);
         this.article = result.data;
         this.pending = false;
       } catch (e) {