我如何在vue JS中使用fontawesome与材料bootstrap5

Question

我将材料Bootstrap5安装到我的Vue项目中，并且正常工作。我可以直接从材料引导页面上使用组件和图标，例如：

<a class="btn btn-primary btn-lg btn-floating insta" style="background-color: #ac2bac;" href="#!" role="button">
  <i class="fab fa-instagram"></i>
</a>
<a class="btn btn-primary btn-lg btn-floating facebook" style="background-color: #ac2bac;" href="#!" role="button">
  <i class="fab fa-facebook"></i>
</a>

我得到了不错的图标；但是，我想使用fontawseome图标，当我从fontawesome网站粘贴图标代码时，vuejs

<font-awesome-icon icon="fa-solid fa-paper-plane" />

不起作用，它也没有显示。我使用MDB5安装了FONT。我该如何使用它？

整个代码是：

 <div class="SocialMediaBar">
<div class="socialMediaIcons" >
<a class="btn btn-primary btn-lg btn-floating insta" style="background-color: #ac2bac;" href="#!" role="button">
  <i class="fab fa-instagram"></i>
</a>
<a class="btn btn-primary btn-lg btn-floating facebook" style="background-color: #ac2bac;" href="#!" role="button">
  <i class="fab fa-facebook"></i>
</a>
</div>

它显示了MDB5站点的2个图标，仅此而已。