arthur/artsite
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/artsite.git synced 2026-01-14 15:54:13 +01:00
Code Issues 1 Packages Projects Releases Wiki Activity

Ajout de ClientOnly autour de ContentRenderer pour améliorer le rendu côté client dans les composants projets et écrits.

Browse Source
This commit is contained in:
Arthur Danjou
2025-07-29 15:23:49 +00:00
parent c58930d8be
commit 8b4e8553a4
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/pages/projects/[slug].vue
View File

@@ -91,10 +91,12 @@ const { copy, copied } = useClipboard({
class="my-4" class="my-4"
icon="i-ph-pencil-line-duotone" icon="i-ph-pencil-line-duotone"
/> />
<ContentRenderer <ClientOnly>
<ContentRenderer
:value="project" :value="project"
class="!max-w-none prose dark:prose-invert" class="!max-w-none prose dark:prose-invert"
/> />
</ClientOnly>
<div class="space-y-4 mt-8"> <div class="space-y-4 mt-8">
<PostFooter /> <PostFooter />
<div class="flex gap-4 items-center flex-wrap"> <div class="flex gap-4 items-center flex-wrap">

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

@@ -157,13 +157,15 @@ function scrollToSection(id: string) {
icon="i-ph-pencil-line-duotone" icon="i-ph-pencil-line-duotone"
/> />
<article class="mt-8"> <article class="mt-8">
<ContentRenderer <ClientOnly>
<ContentRenderer
:value="post" :value="post"
class="!max-w-none prose dark:prose-invert" class="!max-w-none prose dark:prose-invert"
/> />
</ClientOnly>
<div class="space-y-4 mt-8"> <div class="space-y-4 mt-8">
<PostFooter /> <PostFooter />
<div class="flex gap-4 items-center flex-wrap"> <div class="flex gap-4 items-center flex-wrap justify-between sm:justify-start">
<UButton <UButton
:label="(postDB?.likes ?? 0) > 1 ? `${postDB?.likes ?? 0} likes` : `${postDB?.likes ?? 0} like`" :label="(postDB?.likes ?? 0) > 1 ? `${postDB?.likes ?? 0} likes` : `${postDB?.likes ?? 0} like`"
:color="likeCookie ? 'red' : 'neutral'" :color="likeCookie ? 'red' : 'neutral'"