From 7568b6d26f080437e3e2672206b55f27529eaa65 Mon Sep 17 00:00:00 2001
From: kmacoders <hungkids3003@gmail.com>
Date: Tue, 6 Jul 2021 10:10:59 +0700
Subject: [PATCH] frefactor: remove child page blog

---
 pages/blog/index.vue      | 89 ++++++++++++++++++++++++++++++++++++--
 pages/blog/page/_page.vue | 90 ---------------------------------------
 2 files changed, 86 insertions(+), 93 deletions(-)
 delete mode 100644 pages/blog/page/_page.vue

diff --git a/pages/blog/index.vue b/pages/blog/index.vue
index df493ff..be745e7 100644
--- a/pages/blog/index.vue
+++ b/pages/blog/index.vue
@@ -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>
diff --git a/pages/blog/page/_page.vue b/pages/blog/page/_page.vue
deleted file mode 100644
index be745e7..0000000
--- a/pages/blog/page/_page.vue
+++ /dev/null
@@ -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>