refactor: tags page

pages/blog/_slug.vue

@@ -1,6 +1,10 @@
 <template>
   <article class="container content">
-    <nuxt-content :document="blogDetail" />
+    <div class="columns">
+      <div class="column">
+        <nuxt-content :document="blogDetail" />
+      </div>
+    </div>
   </article>
 </template>
 
@@ -10,7 +14,7 @@ import global from '@/utils/global'
 import getSiteMeta from '@/utils/getSiteMeta'
 
 @Component({
-  name: 'ArticlePage',
+  name: 'BlogPage',
   async asyncData ({ $content, params }) {
     const findedBlog = await $content('blog', { deep: true })
       .where({ slug: params.slug })

pages/blog/index.vue

@@ -2,7 +2,7 @@
   <section class="section">
     <div class="container">
       <div class="columns">
-        <div class="column is-10 is-offset-1">
+        <div class="column">
           <FeaturedBlog :first-blog="allArticles[0]" />
           <hr>
           <ListBlog :list-blogs="paginatedArticles" />