Improve documentation for getting started

<font-awesome-icon :icon="['fab', 'font-awesome']" />

  import FontAwesomeIcon from '@fortawesome/vue-fontawesome'
  export default {
    components: {
      FontAwesomeIcon
    }
}

ERROR:

VM31702 index.js:476 Check not find one or more icon(s) 
{prefix: "fab", iconName: "font-awesome"}
iconName
:
"font-awesome"
prefix
:
"fab"

[akinhwan]

I think the documentation on the npm package page could be clearer. I particularly had issues understanding the latter portion where it explains library configuration. I followed the code exactly and it has not worked as the “basics” portion has for me.

"It can be tedious to always import the icons individually so a library can be configured and shorthand can be used when rendering the icon.

Define a library that can be used without explicit imports:"

[shershen08]

I am really lost… it was a simple thing - an icon, piece of picture … why doing all all this hell of complicated a mess out of it - https://fontawesome.com/how-to-use/use-with-node-js ? surprisingly it doesnt’ work

I am usiung vue-cli webpack template project

I have following in main.js

import fontawesome from '@fortawesome/fontawesome'
import faUser from '@fortawesome/fontawesome-free-regular/faUser'
import FontAwesomeIcon from "@fortawesome/vue-fontawesome"
fontawesome.library.add(faUser)

//also tried all those in various combinations:
//import {faUser} from '@fortawesome/fontawesome-free-regular'
//import regular from '@fortawesome/fontawesome-free-regular'
//fontawesome.icon({ prefix: 'fas', iconName: 'user' })
//fontawesome.icon({ prefix: 'fas', iconName: 'user' })
//fontawesome.library.add(regular)

Vue.component('font-awesome-icon', FontAwesomeIcon) 

and this markup in other component:

      <i class="fas fa-user"></i>
      <i class="fab fa-user"></i>
      <font-awesome-icon :icon="['fa', 'user']" />
      <font-awesome-icon icon="user" />

I get only error in the console, no visible icons