fix(components): correct FontAwesome icon format in TipTap.vue

- Change icon format from ['fa', 'fa-bold'] to ['fas', 'bold']
- Fix 6 icon type errors by using correct IconPrefix and IconName format
This commit is contained in:
kolaente 2025-11-22 16:20:20 +01:00
parent ab8b93e9ab
commit 1275cb7fc5
1 changed files with 6 additions and 6 deletions

View File

@ -19,7 +19,7 @@
:class="{ 'is-active': editor.isActive('bold') }"
@click="() => editor?.chain().focus().toggleBold().run()"
>
<Icon :icon="['fa', 'fa-bold']" />
<Icon :icon="['fas', 'bold']" />
</BaseButton>
<BaseButton
v-tooltip="$t('input.editor.italic')"
@ -27,7 +27,7 @@
:class="{ 'is-active': editor.isActive('italic') }"
@click="() => editor?.chain().focus().toggleItalic().run()"
>
<Icon :icon="['fa', 'fa-italic']" />
<Icon :icon="['fas', 'italic']" />
</BaseButton>
<BaseButton
v-tooltip="$t('input.editor.underline')"
@ -35,7 +35,7 @@
:class="{ 'is-active': editor.isActive('underline') }"
@click="() => editor?.chain().focus().toggleUnderline().run()"
>
<Icon :icon="['fa', 'fa-underline']" />
<Icon :icon="['fas', 'underline']" />
</BaseButton>
<BaseButton
v-tooltip="$t('input.editor.strikethrough')"
@ -43,7 +43,7 @@
:class="{ 'is-active': editor.isActive('strike') }"
@click="() => editor?.chain().focus().toggleStrike().run()"
>
<Icon :icon="['fa', 'fa-strikethrough']" />
<Icon :icon="['fas', 'strikethrough']" />
</BaseButton>
<BaseButton
v-tooltip="$t('input.editor.code')"
@ -51,7 +51,7 @@
:class="{ 'is-active': editor.isActive('code') }"
@click="() => editor?.chain().focus().toggleCode().run()"
>
<Icon :icon="['fa', 'fa-code']" />
<Icon :icon="['fas', 'code']" />
</BaseButton>
<BaseButton
v-tooltip="$t('input.editor.link')"
@ -59,7 +59,7 @@
:class="{ 'is-active': editor.isActive('link') }"
@click="setLink"
>
<Icon :icon="['fa', 'fa-link']" />
<Icon :icon="['fas', 'link']" />
</BaseButton>
</div>
</BubbleMenu>