kohvip/eHandyTech
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

frefactor: remove child page blog

Browse Source
This commit is contained in:
kmacoders 2021-07-06 10:10:59 +07:00
parent 63bae44c1c
commit 7568b6d26f
2 changed files with 86 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

89
pages/blog/index.vue
View File

@ -1,7 +1,90 @@
<template>
<section class="blog-posts">
<div class="container">
<div class="columns">
<div class="column is-10 is-offset-1">
<FeaturedBlog :first-blog="allArticles[0]" />
<hr>
<ListBlog :list-blogs="paginatedArticles" />
</div>
</div>
</div>
</section>
</template>
<script>
export default {
middleware ({ redirect }) {
return redirect('301', '/blog/page/1')
import { Vue, Component } from 'nuxt-property-decorator'
import getContent from '@/utils/getContent'
import FeaturedBlog from '@/components/organisms/FeaturedBlog'
import ListBlog from '@/components/organisms/ListBlog.vue'
@Component({
components: {
FeaturedBlog,
ListBlog
},
async asyncData ({ $content, params, error }) {
const content = await getContent($content, params, error, 'blog')
console.log(content)
return {
allArticles: content.allArticles,
paginatedArticles: content.paginatedArticles
}
},
head () {
return {
title: `Blog page ${this.$route.params.page} - eHanndy`,
link: [
{
hid: 'canonical',
rel: 'canonical',
href: `${this.$config.baseUrl}/blog/page/${this.$route.params.page}`
}
]
}
}
})
export default class PageBlog extends Vue {
}
</script>
<style>
.va {
display: flex;
align-items: center;
}
.blog-posts {
min-height: 100vh;
padding-top: 4rem;
padding-bottom: 10rem;
}
.blog-posts article {
padding: 1.5rem;
}
.blog-posts .post img {
border-radius: 6px;
}
.blog-posts .post .post-category {
color: #3b7adf;
}
.blog-posts .post .post-title {
font-size: 2.2rem;
}
.blog-posts .post .post-excerpt {
line-height: 1.5rem;
letter-spacing: 0.03rem;
font-size: 1.2rem;
font-family: 'IBM Plex Serif', serif;
}
.blog-posts .post .featured .featured-image img {
height: 380px;
}
</style>

90
pages/blog/page/_page.vue
View File

@ -1,90 +0,0 @@
<template>
<section class="blog-posts">
<div class="container">
<div class="columns">
<div class="column is-10 is-offset-1">
<FeaturedBlog :first-blog="allArticles[0]" />
<hr>
<ListBlog :list-blogs="paginatedArticles" />
</div>
</div>
</div>
</section>
</template>
<script>
import { Vue, Component } from 'nuxt-property-decorator'
import getContent from '@/utils/getContent'
import FeaturedBlog from '@/components/organisms/FeaturedBlog'
import ListBlog from '@/components/organisms/ListBlog.vue'
@Component({
components: {
FeaturedBlog,
ListBlog
},
async asyncData ({ $content, params, error }) {
const content = await getContent($content, params, error, 'blog')
console.log(content)
return {
allArticles: content.allArticles,
paginatedArticles: content.paginatedArticles
}
},
head () {
return {
title: `Blog page ${this.$route.params.page} - eHanndy`,
link: [
{
hid: 'canonical',
rel: 'canonical',
href: `${this.$config.baseUrl}/blog/page/${this.$route.params.page}`
}
]
}
}
})
export default class PageBlog extends Vue {
}
</script>
<style>
.va {
display: flex;
align-items: center;
}
.blog-posts {
min-height: 100vh;
padding-top: 4rem;
padding-bottom: 10rem;
}
.blog-posts article {
padding: 1.5rem;
}
.blog-posts .post img {
border-radius: 6px;
}
.blog-posts .post .post-category {
color: #3b7adf;
}
.blog-posts .post .post-title {
font-size: 2.2rem;
}
.blog-posts .post .post-excerpt {
line-height: 1.5rem;
letter-spacing: 0.03rem;
font-size: 1.2rem;
font-family: 'IBM Plex Serif', serif;
}
.blog-posts .post .featured .featured-image img {
height: 380px;
}
</style>