From b0f2e5dbb29bdee016d5377ad4821f8788615b4e Mon Sep 17 00:00:00 2001
From: kmacoders <hungkids3003@gmail.com>
Date: Thu, 8 Jul 2021 14:30:45 +0700
Subject: [PATCH] feat: add tag page

---
 pages/blog/_slug.vue          |  4 ++--
 pages/{tag => tags}/_tag.vue  |  0
 pages/{tag => tags}/index.vue | 15 +++++----------
 3 files changed, 7 insertions(+), 12 deletions(-)
 rename pages/{tag => tags}/_tag.vue (100%)
 rename pages/{tag => tags}/index.vue (81%)

diff --git a/pages/blog/_slug.vue b/pages/blog/_slug.vue
index 67fcf48..f0a132a 100644
--- a/pages/blog/_slug.vue
+++ b/pages/blog/_slug.vue
@@ -17,13 +17,13 @@ import getSiteMeta from '@/utils/getSiteMeta'
       .fetch()
     const [blogDetail] = findedBlog
 
-    const [prev, next] = await $content('blog')
+    const [prev, next] = await $content('blog', { deep: true })
       .only(['title', 'slug', 'published'])
       .sortBy('published', 'desc')
       .surround(params.slug)
       .fetch()
 
-    const allBlogs = await $content('blog')
+    const allBlogs = await $content('blog', { deep: true })
       .only(['title', 'description', 'image', 'slug', 'published', 'tags'])
       .sortBy('published', 'desc')
       .fetch()
diff --git a/pages/tag/_tag.vue b/pages/tags/_tag.vue
similarity index 100%
rename from pages/tag/_tag.vue
rename to pages/tags/_tag.vue
diff --git a/pages/tag/index.vue b/pages/tags/index.vue
similarity index 81%
rename from pages/tag/index.vue
rename to pages/tags/index.vue
index 396bc4f..28a3677 100644
--- a/pages/tag/index.vue
+++ b/pages/tags/index.vue
@@ -1,12 +1,6 @@
 <template>
-  <div>
-    <div class="flex justify-center">
-      <h2
-        class="text-center text-3xl mb-4 uppercase bg-black text-white inline-block mx-auto px-2"
-      >
-        All Tags
-      </h2>
-    </div>
+  <section>
+    <h1>All tag</h1>
     <ul>
       <li v-for="tag in tags" :key="tag" class="text-center mb-2">
         <nuxt-link
@@ -17,7 +11,7 @@
         </nuxt-link>
       </li>
     </ul>
-  </div>
+  </section>
 </template>
 
 <script lang="ts">
@@ -30,7 +24,8 @@ import { Vue, Component } from 'nuxt-property-decorator'
     function onlyUnique (value: string, index: number, self: string[]) {
       return self.indexOf(value) === index
     }
-    const blog: IContentDocument[] = await $content('blog')
+
+    const blog: IContentDocument[] = await $content('blog', { deep: true })
       .only(['tags'])
       .fetch<IContentDocument[]>()