diff --git a/src/App.vue b/src/App.vue
index d61880a..9676191 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
   <div :class="themeClass">
-    <NavBar :sections="sections"></NavBar>
+    <NavBar :sections="sections" />
     <a @click="topClick" class="scrolltop" id="scroll-top" ref="scrollTopBtn">
       <i class="bx bx-chevron-up scrolltop__icon"></i>
     </a>
diff --git a/src/components/DailyLog.vue b/src/components/DailyLog.vue
index 509f583..fd9f622 100644
--- a/src/components/DailyLog.vue
+++ b/src/components/DailyLog.vue
@@ -7,12 +7,11 @@
       tooltip-unit="read"
       @day-click="handleDayClick"
       :range-color="heatmapRangeColor"
-    >
-    </CalendarHeatmap>
+    />
     <SelectedPostList
       :selected-date="selectedDate"
       :selected-list="postItemsByDate"
-    ></SelectedPostList>
+    />
   </section>
 </template>
 
diff --git a/src/views/ArchivePage.vue b/src/views/ArchivePage.vue
index 7a4eb49..e31ab31 100644
--- a/src/views/ArchivePage.vue
+++ b/src/views/ArchivePage.vue
@@ -1,18 +1,17 @@
 <template>
   <article class="bd-container archive__container">
     <h1 class="title">{{ title }}</h1>
-    <DailyLog v-if="home"></DailyLog>
+    <DailyLog v-if="home" />
     <article class="section">
       <ul class="post-list">
         <PostListItem
           v-for="postItem in visiblePostItems"
           :key="postItem.id"
           :postItem="postItem"
-        >
-        </PostListItem>
+        />
       </ul>
     </article>
-    <PaginationList :post-items="postItems"></PaginationList>
+    <PaginationList :post-items="postItems" />
   </article>
 </template>
 <script setup lang="ts">
diff --git a/src/views/PostPage.vue b/src/views/PostPage.vue
index f1c2a04..baf2cbe 100644
--- a/src/views/PostPage.vue
+++ b/src/views/PostPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <PostView :postItem="{ title, link, tags, publishDate, postHtml }"></PostView>
+  <PostView :postItem="{ title, link, tags, publishDate, postHtml }" />
 </template>
 
 <script setup lang="ts">