diff --git a/backend/.tmp/data.db b/backend/.tmp/data.db
index 4d2a372..ed9a1df 100644
Binary files a/backend/.tmp/data.db and b/backend/.tmp/data.db differ
diff --git a/frontend/components/ArticlesContent/SideBar/Left/index.vue b/frontend/components/ArticlesContent/SideBar/Left/index.vue
index 78591b1..14597db 100644
--- a/frontend/components/ArticlesContent/SideBar/Left/index.vue
+++ b/frontend/components/ArticlesContent/SideBar/Left/index.vue
@@ -1,8 +1,12 @@
-<script setup lang="ts">
-defineProps<{
-  commented: Number
-  liked: Number
-}>()
+<script setup>
+defineProps({
+  commented: {
+    type: Number,
+  },
+  liked: {
+    type: Number,
+  },
+})
 const isLiked = shallowRef(false)
 const route = useRoute()
 const url = shallowRef(`/api/articles/update/like?id=${route.params.id}`)
@@ -19,7 +23,6 @@ const handleLike = async () => {
     }
   }
 }
-
 const { immerseState, immerseToggle } = useImmerse()
 </script>
 
diff --git a/frontend/server/api/articles/update/like.ts b/frontend/server/api/articles/update/like.ts
index c8367ff..1cc3d9a 100644
--- a/frontend/server/api/articles/update/like.ts
+++ b/frontend/server/api/articles/update/like.ts
@@ -29,8 +29,9 @@ export default defineEventHandler(async (event): Promise<liked> => {
     }
   }`
   const articleData = (await useGraphql(reqQuery)).article
+  articleData.liked++
   await useGraphql(`mutation updateArticle {
-    updateArticle(id: ${id}, data: { liked: ${++articleData.liked} }) {
+    updateArticle(id: ${id}, data: { liked: ${articleData.liked} }) {
       data {
         id
         attributes {