Refactor page-header to App component
This commit is contained in:
parent
0716c80a54
commit
c17c7b7a82
@ -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>
|
||||||
|
|||||||
@ -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,
|
||||||
|
|||||||
@ -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,
|
||||||
|
|||||||
@ -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() {
|
||||||
|
|||||||
@ -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
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user