From 9cbc3ab17685984bb74fa045b72a99e7cc798ce9 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Tue, 2 Jul 2024 01:00:24 +0200
Subject: [PATCH] Use cookie for like

---
 app/pages/writings/[slug].vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/pages/writings/[slug].vue b/app/pages/writings/[slug].vue
index 3f20b40..0a7b8d2 100644
--- a/app/pages/writings/[slug].vue
+++ b/app/pages/writings/[slug].vue
@@ -22,8 +22,7 @@ const { copy, copied } = useClipboard({
 useSeoMeta({
   title: post.value?.title,
   description: post.value?.description,
-  author: 'Arthur Danjou',
-  image: post.value?.cover
+  author: 'Arthur Danjou'
 })
 
 function getDetails() {
@@ -36,9 +35,15 @@ function getDetails() {
   return `${likes} ${like} · ${views} ${view}`
 }
 
+const likeCookie = useCookie<boolean>(`post:like:${route.params.slug}`, {
+  maxAge: 7200
+})
+
 async function handleLike() {
+  if (likeCookie.value) return
   await $fetch(`/api/posts/like/${route.params.slug}`, { method: 'PUT' })
   await refresh()
+  likeCookie.value = true
 }
 </script>
 
@@ -107,7 +112,7 @@ async function handleLike() {
         <div class="flex gap-4 items-center flex-wrap">
           <UButton
             :label="postDB?.likes > 1 ? `${postDB?.likes} likes` : `${postDB?.likes} like`"
-            color="white"
+            :color="likeCookie ? 'red': 'white'"
             icon="i-ph-heart-duotone"
             size="lg"
             variant="solid"