[Vuejs]-Css is being ignored by browser and devtools

when you use the scoped attribute on the style of a component, the generated css rules also references the data-v attribute value and can cause problems if you have css that you want to apply for children of a component

you can remove the scoped attribute or move the styles to the child component if possible