vue-fontawesome: Nuxt 3 - Content duplicated by using font-awesome-icon

Describe the bug When I used the font-awesome-icon tag, my page content is duplicated

(in app.vue for example)

	<NuxtLayout>
		<NuxtLoadingIndicator />
		<h1> app.vue </h1>
		<font-awesome-icon class="text-active h-8" icon="fa-solid fa-user-secret" />

		<NuxtPage />
	</NuxtLayout>

My layouts/default.vue file

    <p class="bg-active text-white w-fit ">HEADER </p>
		<main>
			<slot />
		</main>
     <p class="bg-active text-white w-fit ">FOOTER</p>

I used fontawesome.js plugin

import { library, config } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

import { fas } from '@fortawesome/free-solid-svg-icons'

config.autoAddCss = false

library.add(fas)

export default defineNuxtPlugin(nuxtApp => {
	nuxtApp.vueApp.component('font-awesome-icon', FontAwesomeIcon, {})
})

I import '@fortawesome/fontawesome-svg-core/styles.css' on the css property of defineNuxtconfig

And this into my package.json dependencies

"@fortawesome/fontawesome-svg-core": "^6.2.1",
"@fortawesome/free-solid-svg-icons": "^6.2.1",
"@fortawesome/vue-fontawesome": "^3.0.3",

I need to use Icon without duplicate 👎 Sorry I don’t have codesandbox It’s on Chrome.

I used lodash, moment, primevue, tailwind, it’s for a big starter project

Issue with <font-awesome-icon />

If I remove the <font-awesome-icon /> tag :

It’s duplicated only for the elements after the <font-awesome-icon /> tag

For example, If my tag is on the end of my app.vue

        <NuxtLayout>
		<NuxtLoadingIndicator />
		<h1> app.vue </h1>

		<NuxtPage />
		<font-awesome-icon class="text-active h-8" icon="fa-solid fa-user-secret" />
	</NuxtLayout>

Nothing is duplicated