title: Using Font Awesome in Vue 3
body: <p>I'm trying to use Font Awesome with Vue 3.</p>
  <p>I have it in my <code>package.json</code></p>
  <pre><code>&quot;dependencies&quot;: {
  &quot;@fortawesome/fontawesome-svg-core&quot;: &quot;^1.2.34&quot;,
  &quot;@fortawesome/free-brands-svg-icons&quot;: &quot;^5.15.2&quot;,
  &quot;@fortawesome/free-solid-svg-icons&quot;: &quot;^5.15.2&quot;,
  &quot;@fortawesome/vue-fontawesome&quot;: &quot;^3.0.0-3&quot;,
  }
  </code></pre>
  <p>Imported FontAwesome in <code>main.js</code></p>
  <pre><code>import { createApp } from &quot;vue&quot;;
  import App from &quot;./App.vue&quot;;
  import router from &quot;./router&quot;;
  import store from &quot;./store&quot;;
  import { library } from &quot;@fortawesome/fontawesome-svg-core&quot;;
  import { faPhone } from &quot;@fortawesome/free-solid-svg-icons/faAddressBook&quot;;
  import { FontAwesomeIcon } from &quot;@fortawesome/vue-fontawesome&quot;;
  
  library.add(faPhone);
  
  /* eslint-disable */
  createApp(App)
    .use(store)
    .use(router)
      .component(&quot;font-awesome-icon&quot;, FontAwesomeIcon)
    .mount(&quot;#app&quot;)
  </code></pre>
  <p>And this inside component in <code>&lt;template&gt;</code></p>
  <pre><code> &lt;font-awesome-icon :icon=&quot;['fas', 'faPhone']&quot; /&gt;
  </code></pre>
  <p>But when I use it in component nothing is happening... In element is doent's render anything it only shows HTML comment<br /> <code>&lt;!----&gt;</code><br/>
  How can I fix this problem and start using FontAwesome in any Component?</p>