I cannot get font-awesome 5 icons to work

I cannot for the life of me get font-awesome 5 icons to work for me. I am a bit of noob when it comes to Vue and Nuxt and Bulma, but I have had no problems with pretty much anything else.

I have tried adding the CDN in the nuxt.config, but no luck!

Any help is appreciated!

This is my buefy.js file:

import Buefy from 'buefy'

Vue.use(Buefy, {
  "css": true,
  "defaultIconPack": 'fas'
})```

[TarekAS]

If you want to use NPM instead of a CDN, this is the proper way to do it:

1. Install nuxt-fontawesome.

npm i nuxt-fontawesome
npm i @fortawesome/fontawesome-svg-core @fortawesome/vue-fontawesome

1. Install an icon set, for example:

npm i @fortawesome/free-solid-svg-icons

1. Edit nuxt.config.js as follows:

modules: [
  'nuxt-buefy',
  'nuxt-fontawesome'
],
buefy: {
  materialDesignIcons: false,
  defaultIconPack: 'fas',
  defaultIconComponent: 'font-awesome-icon'
},
fontawesome: {
  imports: [
    {
      set: '@fortawesome/free-solid-svg-icons',
      icons: ['fas']
    }
  ]
}

1. Usage example:

<b-icon pack="fas" icon="home" size="is-large" />

@anteriovieira please, consider adding similar instructions to the Readme, might save someone else some time.

[m7rlin]

The solution is to edit the nuxt configuration file nuxt.config.js as follows:

...
modules: [

    ['nuxt-buefy', { 
      defaultIconPack: 'fas', 
      materialDesignIconsHRef: "https://use.fontawesome.com/releases/v5.4.1/css/all.css" 
    }],

  ],
...

Have a nice day 😄