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:
parent
ab8b93e9ab
commit
1275cb7fc5
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue