Currently, I am working on a front-end project using [THIS VUE TEMPLATE][https://www.creative-tim.com/product/vue-material-dashboard-pro]
The issue I am facing involves trying to register a component locally and encountering the following error:
"103:5 error The "BFCookieCard" component has been registered but not used"
I have attempted various solutions provided in the following threads without success:
- I'm getting an error of 13:5 error The “Home” component has been registered but not used vue/no-unused-components
- component has been registered but not used vue/no-unused-components
- Vue component defined but not used error message. How do I use it properly?
- Remove 'component has been registered but not used' in eslint for Vue.js
Here is an overview of my files:
BFConsentCookie.vue
<template>
<h1> HELLO </h1>
</template>
<script>
export default {
name: "bf-cookie-card",
data() {
return {};
},
beforeMount() {
},
}
Login.vue
<template>
<div>
<bf-cookie-card>
</bf-cookie-card>
</div>
</div>
</template>
<script>
import { BFCookieCard} from "@/components";
export default {
components: {
BFCookieCard,
},
data() {
return {};
},
}
index.js
import BFCookieCard from "./Cards/BFCookieCard.vue";
export {
BFCookieCard
}