尝试使用Nuxt真棒5时遇到错误，尽管我遵循了官方手册页

我正在尝试按照以下官方指南在Nuxt项目中使用真棒字体5。 https://www.npmjs.com/package/nuxt-fontawesome

但是，我遇到一个奇怪的错误，无法显示我想要的内容。

[Vue警告]：未知的自定义元素：-您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

这是我的代码的样子：

//index.vue
<template>
    <fa :icon="fas.faAddressBook"  />
    <fa :icon="faGithub" />
</template>
<script>
    import { fas } from '@fortawesome/free-solid-svg-icons'
    import { faGithub } from '@fortawesome/free-brands-svg-icons'
    computed: {
      fas () {
        return fas
      },
      faGithub () {
        return faGithub
      }
    },
and more.....


//nuxt.config.js
  modules: [
    [
      'bootstrap-vue/nuxt', { css: true },
      ['nuxt-fontawesome', {
        component: 'fa',

        imports: [
          //import whole set
          {
            set: '@fortawesome/free-solid-svg-icons',
            icons: ['fas']
          },
        ]
      }]
    ],
  ],
  fontawesome: {
    component: 'fa',
    imports: [
      {
        set: '@fortawesome/free-solid-svg-icons',
        icons: ['fas']
      },
    ],
  },

请让我寻求您的帮助。我已经在这个问题上花了足够的时间。先感谢您！