title: how to import fontAwsome icon into sideBar-menu
body: <p>I am working in a Vue.js project</p>
  <p>I am using fontAwsome library</p>
  <p>there are my versions:</p>
  <pre class="lang-json prettyprint-override"><code>&quot;@fortawesome/fontawesome-svg-core&quot;: &quot;^1.2.34&quot;,
  &quot;@fortawesome/free-solid-svg-icons&quot;: &quot;^5.15.2&quot;,
  &quot;@fortawesome/vue-fontawesome&quot;: &quot;^2.0.2&quot;,
  </code></pre>
  <p>I did this at main.js:</p>
  <pre class="lang-js prettyprint-override"><code>import { library } from &quot;@fortawesome/fontawesome-svg-core&quot;;
  import { faChessKnight, faChessQueen, faChessKing, faChartLine } from &quot;@fortawesome/free-solid-svg-icons&quot;;
  import { FontAwesomeIcon } from &quot;@fortawesome/vue-fontawesome&quot;;
  
  library.add(faChessKing);
  
  Vue.component(&quot;font-awesome-icon&quot;, FontAwesomeIcon);
  </code></pre>
  <p>and now I can add the icons this way:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;font-awesome-icon icon=&quot;chess-king&quot; /&gt;
  </code></pre>
  <p>BUT/AND</p>
  <p>I am using vue-sidebar-menu: <a href="https://npm.io/package/vue-sidebar-menu" rel="nofollow noreferrer"><code>vue-sidebar-menu</code></a> and I would like to use the fontAwsomeIcons inside the vue-sidebar-menu structure:</p>
  <pre class="lang-js prettyprint-override"><code>href: '/',
  title: 'Dashboard',
  icon: I want to use icon from fontAwsome here
  </code></pre>
  <p>what is the correct syntax to use fontAwsome icons here?</p>
  <p>PS: this is a console log of faChessKing:</p>
  <pre><code>Object { prefix: &quot;fas&quot;, iconName: &quot;chess-king&quot;, icon: (5) […] }​
  icon: Array(5) [ 448, 512, [], … ]​​
  0: 448​​
  1: 512
  2: Array []
  ​3: &quot;f43f&quot;
  ​​4: &quot;M400 448H48a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h352a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm16-288H256v-48h40a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8h-40V8a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v40h-40a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h40v48H32a32 32 0 0 0-30.52 41.54L74.56 416h298.88l73.08-214.46A32 32 0 0 0 416 160z&quot;
  ​​length: 5
  ​​&lt;prototype&gt;: Array []
  ​iconName: &quot;chess-king&quot;
  ​prefix: &quot;fas&quot;
  ​&lt;prototype&gt;: Object { … }
  </code></pre>
  <p>EDIT:
  the vue.js version is <code>&quot;vue&quot;: &quot;^2.6.12&quot;</code></p>