如何将fontawesome与nuxt.js集成？

npm install @fortawesome/fontawesome-svg-core
npm install @fortawesome/free-solid-svg-icons
npm install @fortawesome/vue-fontawesome

<template>
  <font-awesome-icon :icon="icon" :size="size" :spin="spin" :pulse="pulse" :fixed-width="fixedWidth" :inverse="inverse" :flip="flip" :rotate="rotate" :border="border" :pull="pull" :mask="mask" :symbol="symbol" :class="className" :title="title" />
</template>

<script>
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

export default {
  components: {
    FontAwesomeIcon
  },
  props: {
    icon: {
      type: Array,
      required: true
    },
    size: {
      type: String,
      default: '1x'
    },
    spin: {
      type: Boolean,
      default: false
    },
    pulse: {
      type: Boolean,
      default: false
    },
    fixedWidth: {
      type: Boolean,
      default: false
    },
    inverse: {
      type: Boolean,
      default: false
    },
    flip: {
      type: String,
      default: null
    },
    rotate: {
      type: Number,
      default: null
    },
    border: {
      type: Boolean,
      default: false
    },
    pull: {
      type: String,
      default: null
    },
    mask: {
      type: Array,
      default: null
    },
    symbol: {
      type: Boolean,
      default: false
    },
    className: {
      type: String,
      default: null
    },
    title: {
      type: String,
      default: null
    }
  }
}
</script>

<template>
  <div>
    <font-awesome-icon :icon="['fas', 'coffee']" />
  </div>
</template>

<script>
import FontAwesomeIcon from '~/components/FontAwesomeIcon.vue'

export default {
  components: {
    FontAwesomeIcon
  }
}
</script>