不能在 vue 中使用 fontawesome 图标的数据

问：

在这里，我试图在这里获取子类的单个图标

             <v-col v-for="sub in subclasses" :key="sub.sub">
              <div class="d-flex justify-center">
                <v-btn
                  @click="goTo(sub.title)"
                  class="mb-2"
                  color="rgb(54, 61, 68)"
                >
                  <font-awesome-icon
                    class="fa-2x"
                    :icon="['fa', sub.icon]"
                  />
                </v-btn>
              </div>
              <p class="text-center">{{ sub.title }}</p>
            </v-col>

我的数据如下所示：

subclasses: [
    {
      title: "Ancestral Guardian",
      value: 1,
      icon: "paw",
    },
    {
      title: "Battlerager",
      value: 2,
      icon: "user-secret",
    },
    
  ],

这会导致以下错误： 找不到一个或多个图标 {prefix： 'fas'， iconName： 'paw'}iconName： “paw”prefix： “fas”[[Prototype]]： Object {}