Как сделать шапку сайта в vue-click?

Question

[Александр Фелисон]

Здравствуйте. Хочу сделать шапку сайта для vue. Но проблема в том что у меня будет сайт с аутентификацией. Если юзер не вошел то будут поля: Войти и Создать аккаунт. А если он вошел на сайт, то Профиль, Новости и т.д.

Вот что я сделал:

//App.vue
<template>
  <div id="app">
  <header-view />
  <content-view />
  <footer-view />
  </div>
</template>

<script>
import Header from './components/Header.vue'
import Content from './components/Content.vue'
import Footer from './components/Footer.vue'

console.log(jQuery.fn.jquery)

export default {
  name: 'App',
  components: {
    'header-view': Header,
    'content-view': Content,
    'footer-view': Footer
  }

}
</script>

Вот файл Header.vue

<template>
<header>
	<a href="#">Новости</a>
	<a href="#">Профиль</a>
</header>
</template>

<script>
export default {}
</script>

<style scoped>
</style>

Буду рад, за помощь.

P.S. Готового кода не жду.