fix: duplicate post items

Author: ansidev

src/components/Post.vue

@@ -20,7 +20,7 @@ const { t } = useI18n()
 const route = useRoute()
 const postTitle = route.meta.title
 const postURL = computed(() => `${baseURL}${route.path}`)
-const isProjectDetailPage = computed(() => route.path.startsWith('/projects/'))
+const isProjectDetailPage = computed(() => route.name !== undefined && route.path.startsWith('/projects/'))
 const isSharingPluginEnabled = computed(() => isPluginEnabled('sharing'))
 const isFacebookCommentPluginEnabled = computed(() => isPluginEnabled('facebookComment'))
 const breadcrumbItems = computed(() => {

src/hooks/route.ts

@@ -8,3 +8,10 @@ export const useQuery = () => {
 
   return { queryParams, pushQuery }
 }
+
+export const usePost = (pathPrefix: string) => {
+  const router = useRouter()
+  return router.getRoutes()
+    .filter(route => route.name !== undefined
+       && route.path.startsWith(pathPrefix))
+}

src/pages/blog.vue

@@ -1,15 +1,11 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-import { useRouter } from 'vue-router'
-import { useI18n } from 'vue-i18n'
-import { useSearch } from '~/hooks'
+import { usePost, useSearch } from '~/hooks'
 
 const { t } = useI18n()
 
 const { searchValue, setSearchValue } = useSearch()
 
-const router = useRouter()
-const routes = router.getRoutes().filter(route => route.path.startsWith('/posts'))
+const routes = usePost('/posts')
 
 const posts = computed(() => {
   if (searchValue.value.length === 0) {

src/pages/categories/[slug].vue

@@ -1,13 +1,14 @@
 <script setup lang="ts">
+import { usePost } from '~/hooks'
+
 const { t } = useI18n()
 
 const { searchValue, setSearchValue } = useSearch()
 
 const route = useRoute()
 const slug = computed(() => route.params.slug)
 
-const router = useRouter()
-const routes = router.getRoutes().filter(route => route.path.startsWith('/posts'))
+const routes = usePost('/posts')
 
 const postFilter = (m: any) => {
   const isPost = m.type === 'post'

src/pages/categories/index.vue

@@ -1,8 +1,9 @@
 <script setup lang="ts">
+import { usePost } from '~/hooks'
+
 const { t } = useI18n()
 
-const router = useRouter()
-const routes = router.getRoutes().filter(route => route.path.startsWith('/posts'))
+const routes = usePost('/posts')
 
 const categories = computed(() => {
   const categoryCount: Record<string, number> = {}

src/pages/index.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
+import { usePost } from '~/hooks'
 import siteConfig from '~/site.config'
 
 const { t } = useI18n()
 const siteTitle = ref(siteConfig.title)
 const siteDescription = ref(siteConfig.description)
 
-const router = useRouter()
-const routes = router.getRoutes().filter(route => route.name !== undefined && route.path.startsWith('/posts'))
+const routes = usePost('/posts')
 
 const posts = computed(() => routes
   .map(r => r.meta)

src/pages/projects/index.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
+import { usePost } from '~/hooks'
+
 const { t } = useI18n()
 
-const router = useRouter()
 const route = useRoute()
-const routes = router.getRoutes().filter(route => route.path.startsWith('/projects'))
+const routes = usePost('/projects')
 
 const isProjectPostType = p => p.type === 'project'
 

src/pages/tags/[slug].vue

@@ -1,13 +1,14 @@
 <script setup lang="ts">
+import { usePost } from '~/hooks'
+
 const { t } = useI18n()
 
 const { searchValue, setSearchValue } = useSearch()
 
 const route = useRoute()
 const slug = computed(() => route.params.slug)
 
-const router = useRouter()
-const routes = router.getRoutes().filter(route => route.path.startsWith('/posts'))
+const routes = usePost('/posts')
 
 const postFilter = (m: any) => {
   const isPost = m.type === 'post'

src/pages/tags/index.vue

@@ -1,8 +1,9 @@
 <script setup lang="ts">
+import { usePost } from '~/hooks'
+
 const { t } = useI18n()
 
-const router = useRouter()
-const routes = router.getRoutes().filter(route => route.path.startsWith('/posts'))
+const routes = usePost('/posts')
 
 const tags = computed(() => {
   const tagCount: Record<string, number> = {}