title: How to use any icons with Nuxt3?
body: <p>I'm facing an error with Nuxtjs when I try to use the vue-fontawesome framework and also the @nuxtjs/fontawesome framework, this is the error:</p>
  <pre><code>[nuxt] [request error] Cannot read properties of undefined (reading 'component')
      at $id_c50a96b3 (./.nuxt/dist/server/server.mjs:3239:31)
      at async __instantiateModule__ (./.nuxt/dist/server/server.mjs:19193:3)
  </code></pre>
  <p>this is my code in <code>nuxt.config.ts</code>:</p>
  <pre><code>import { defineNuxtConfig } from 'nuxt'
  
  export default defineNuxtConfig({
    modules: [
      '@nuxtjs/fontawesome'
    ],
  
    fontawesome: {
      icons: {
        solid: ['faXmark']
      }
    }
  })
  </code></pre>
  <p>And this is the component where I want to use the icon:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;div :class=&quot;props.className&quot;&gt;
      &lt;font-awesome-icon icon=&quot;xmark&quot; /&gt;
      &lt;slot /&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  <p>By the way, the error just appear when I try to load the page, not when I run it.</p>