Added simple tiptap component

This commit is contained in:
Alexis
2025-08-07 22:37:49 +02:00
parent 0a35f441e0
commit 97ce5b3553
7 changed files with 1277 additions and 459 deletions

View File

@@ -47,7 +47,7 @@ const updatedAt = computed<string>(() => props.world.updatedAt ? DateTime.fromIS
</UiCardHeader>
<UiCardContent class="grow">
<p class="italic">{{ world.description }}</p>
<div class="md:text-sm" v-html="world.description"></div>
<div
v-if="isCardHovered || isCardFocused"

View File

@@ -67,16 +67,20 @@ function handleFormCancel() {
name="new-world-name"
required
:placeholder="$t('common.title')"
class="w-full -my-1 mb-4 py-2 -mx-1 px-1 text-xl border-b-[1px] bg-transparent focus-visible:outline-hidden focus-visible:border-primary invalid:border-destructive"
class="w-full -my-1 py-2 -mx-1 px-1 text-xl border-b-[1px] bg-transparent focus-visible:outline-hidden focus-visible:border-primary invalid:border-destructive"
@input="handleNameChange"
>
<textarea
<!-- <textarea
id="new-world-description"
v-model="worldSkeleton.description"
name="new-world-description"
:placeholder="$t('entity.addDescription')"
class="w-full -my-1 py-1 -mx-1 px-1 min-h-24 max-h-36 text-sm border-b-[1px] bg-transparent focus-visible:outline-hidden focus-visible:border-primary invalid:border-destructive"
/> -->
<InputEditor
v-model="worldSkeleton.description"
/>
<div class="-mx-1 grid gap-3">

View File

@@ -85,12 +85,16 @@ function handleFormCancel() {
@input="handleNameChange"
>
<textarea
<!-- <textarea
id="new-world-description"
v-model="worldSkeleton.description"
name="new-world-description"
:placeholder="$t('entity.addDescription')"
class="w-full -my-1 py-1 -mx-1 px-1 min-h-24 max-h-36 text-sm border-b-[1px] bg-transparent focus-visible:outline-hidden focus-visible:border-primary invalid:border-destructive"
/> -->
<InputEditor
v-model="worldSkeleton.description"
/>
<div class="-mx-1 grid gap-3">