I have designed various components such as buttons that I want to be able to use and reuse across my entire website.
I have already developed plugins
Object.entries(components).forEach((([name, component]) => {
Vue.component(name, component)
}))
and registered them in nuxt.config
plugins [
'@/plugins/components'
]
<style lang="scss">
.btn__container {
border-radius: '5px';
border: '1px solid red';
background-color: 'red';
}
</style>
However, when I try to call the component, the style does not get applied
<v-button>button</v-button>
I am troubleshooting why my custom button element is displaying with strikethrough, even after inspection. https://i.sstatic.net/iIC6T.png