arthur/artsite
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/artsite.git synced 2026-01-31 20:29:42 +01:00
Code Issues 1 Packages Projects Releases Wiki Activity

Use cookie for like

Browse Source
This commit is contained in:
Arthur Danjou
2024-07-02 01:00:24 +02:00
parent 9949e2d2be
commit 9cbc3ab176
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/pages/writings/[slug].vue
View File

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