Let's say I am including a header component in layouts/default.vue
<template>
<div>
<b-container class="mt-5">
<b-row>
<b-col md="6" class="mb-3">
<Header />
</b-col>
<b-col md="6">
<nuxt />
</b-col>
</b-row>
</b-container>
<Header/>
<nuxt/>
</div>
</template>
<script>
import Header from "@/components/Header.vue";
export default {
components: {
Header
}
};
</script>
<style>
...
</style>
and this header needs to be displayed on all components.
My question is how to prevent the header from showing up on just one specific component, Login.vue?
Any suggestions on how to approach this?