Как устранить ошибку: компонент FilePond зарегистрирован, но не используется?

Question

Я поместил filepond в приложение. vue вот так:

<template>
  <v-app>
    <v-app-bar app>
        ...
    </v-app-bar>
    <v-content>
      <router-view></router-view>
    </v-content>
  </v-app>
</template>

<script>
import vueFilePond from 'vue-filepond'
import 'filepond/dist/filepond.min.css'
import FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type'
import FilePondPluginFileValidateSize from 'filepond-plugin-file-validate-size'
const FilePond = vueFilePond(FilePondPluginFileValidateType, FilePondPluginFileValidateSize)
export default {
  name: 'App',
  components: {
    FilePond
  }
}
</script>

Я положил его туда, чтобы его можно было использовать в нескольких компонентах

Я использую filepond в src / views /Profile.vue как это:

<v-col md="8">
    <FilePond
        allowMultiple="true"
        accepted-file-types="image/jpg, image/jpeg, application/pdf"
        maxFileSize="2MB"/>
</v-col>

Если я npm запускаю сборку, существует ошибка, подобная этой:

ошибка: компонент "FilePond" был зарегистрирован, но не использовался

Как я могу решить эту проблему?