#Hello, can you help to resolve this bug ? https://github.com/invictus-codes/nuxt-vuetify/issues

50 messages · Page 1 of 1 (latest)

balmy night
drowsy plinth
#

hi

#

let's discuss

#

i want to know your problem correctly

balmy night
#

Hello 🙂 thanks

#

<font-awesome-icon icon="fa-solid fa-user-secret" /> is working good but not <v-icon icon="fa-solid fa-user-secret" /> maybe because vuetify is not aware of vue-fontawesome ? I don't really know why it's not working

#

@drowsy plinth do you need more informations ?

drowsy plinth
#

Well, actually I met this problem before..

#

v-icon is a vuetify component, not default component in nuxt 3 and v-icon component is based on material design icon.

balmy night
#

I wonder if my font-awesome.ts plugin should be loaded before the vuetify module 🤷

balmy night
drowsy plinth
#

yes, ofc we can use vue-fontawesome with vuetify

#

let me explain.

#

to use vue-fontawesome with vuetify, you need to install @fortawesome/vue-fontawesome module

#

did you do this?

balmy night
#

yes

drowsy plinth
#

ok, once imported, you can use FontAwesomeIcon component provided by vue-fontawesome to display icons

#

let me share a example code..

#

i hope this will help you.

balmy night
#

The FontAwesomeIcon component is already working 🙂

#

My problem is different

drowsy plinth
#

<font-awesome-icon icon="heart" />
is this work?

balmy night
#

Yes

#

It's not my problem

drowsy plinth
#

then you want to use like this?
<v-icon="heart" />

balmy night
#

Yes

#

<v-icon icon="fa-solid fa-user-secret" /> this is not working

drowsy plinth
#

btw where are you from?

balmy night
#

yes this can work

#

You see ? it's possible 😉

drowsy plinth
#

yeah, let me think

#

did you use mdi prefix?

balmy night
#

no

drowsy plinth
#

for example, you can use mdi-heart to use fa-heart icon

balmy night
#

i've tried any prefix, no prefix, fa and fas

drowsy plinth
#
<template>
  <v-icon>mdi-heart</v-icon>
</template>
#
import { library } from '@fortawesome/fontawesome-svg-core'
import { faHeart } from '@fortawesome/free-solid-svg-icons'

library.add(faHeart)
balmy night
#

I don't want mdi. mdi is Material Design Icon

drowsy plinth
#

you can use fontawesome icon in this way

balmy night
#

well, not. it's not working tho 🤷

drowsy plinth
#

i am from china

#

where are you from?

balmy night
#

how it's related to my question ?

#

i'm just from internet

drowsy plinth
#

😠