Vue version

3.2.45

Link to minimal reproduction

https://stackblitz.com/edit/vue3-script-setup-with-vite-2q9qcu?file=src/App.vue

Steps to reproduce

Run the stackblitz, fire up your browser console, check for the "parent is null" error.

What is expected?

To the font awesome icons to be swapped

What is actually happening?

error

System Info

No response

Any additional comments?

No response

Fontawesome is messing with the <i> elements that Vue rendered, breaking its update process.

Solution: use a proper font-awesome integration dor vue.

@LinusBorg many thanks for the quick turnaround.

I find it pretty strange, this is the way I've used font awesome for years, including production usage. I guess I was lucky until now.

It's happening under specific circumstances only. Most usage is if working fine.