Refactor page-header to App component

This commit is contained in:
Daniel_I_Am 2021-09-02 14:44:58 +02:00
parent 0716c80a54
commit c17c7b7a82
5 changed files with 12 additions and 16 deletions

View File

@ -1,3 +1,15 @@
<template> <template>
<page-header></page-header>
<router-view></router-view> <router-view></router-view>
</template> </template>
<script>
import PageHeader from "../components/PageHeader.vue";
export default {
components: {
PageHeader,
}
}
</script>

View File

@ -1,6 +1,4 @@
<template> <template>
<page-header></page-header>
<container> <container>
<split-content> <split-content>
<template v-slot:main> <template v-slot:main>
@ -15,7 +13,6 @@
</template> </template>
<script> <script>
import PageHeader from "../components/PageHeader.vue";
import Container from "../components/Container.vue"; import Container from "../components/Container.vue";
import SplitContent from "../components/SplitContent"; import SplitContent from "../components/SplitContent";
import BlogRecent from "../components/BlogRecent.vue"; import BlogRecent from "../components/BlogRecent.vue";
@ -23,7 +20,6 @@ import BlogPopular from "../components/BlogPopular.vue";
export default { export default {
components: { components: {
PageHeader,
Container, Container,
SplitContent, SplitContent,
BlogRecent, BlogRecent,

View File

@ -1,6 +1,4 @@
<template> <template>
<page-header></page-header>
<container> <container>
<split-content> <split-content>
<template v-slot:main> <template v-slot:main>
@ -17,7 +15,6 @@
</template> </template>
<script> <script>
import PageHeader from '../components/PageHeader.vue';
import Container from '../components/Container.vue'; import Container from '../components/Container.vue';
import SplitContent from '../components/SplitContent.vue'; import SplitContent from '../components/SplitContent.vue';
import BlogRecent from '../components/BlogRecent.vue'; import BlogRecent from '../components/BlogRecent.vue';
@ -26,7 +23,6 @@ import PageFooter from '../components/PageFooter.vue';
export default { export default {
components: { components: {
PageHeader,
Container, Container,
SplitContent, SplitContent,
BlogRecent, BlogRecent,

View File

@ -1,6 +1,4 @@
<template> <template>
<page-header></page-header>
<container> <container>
<p> <p>
<span v-if="!!tokenId">Authenticated with token ID {{ tokenId }}</span> <span v-if="!!tokenId">Authenticated with token ID {{ tokenId }}</span>
@ -14,12 +12,10 @@
</template> </template>
<script> <script>
import PageHeader from "../components/PageHeader.vue";
import Container from "../components/Container.vue"; import Container from "../components/Container.vue";
export default { export default {
components: { components: {
PageHeader,
Container, Container,
}, },
data() { data() {

View File

@ -1,18 +1,14 @@
<template> <template>
<page-header></page-header>
<container> <container>
{{ $route.params.pathMatch.pop() }} {{ $route.params.pathMatch.pop() }}
</container> </container>
</template> </template>
<script> <script>
import PageHeader from '../components/PageHeader.vue';
import Container from '../components/Container.vue'; import Container from '../components/Container.vue';
export default { export default {
components: { components: {
PageHeader,
Container Container
} }
} }