From b2e663149771dc0df1fbb38e1647db486d5ea150 Mon Sep 17 00:00:00 2001
From: andatoshiki <hello@toshiki.dev>
Date: Fri, 13 Sep 2024 02:58:50 -0700
Subject: [PATCH] fix(blog post skeleton loader): remove function to force blog
 post content to load on origin static content serving serverless application
 that leads to `404` error code as a response in return for inable to corretly
 address the blog post page route location with slug function to match page
 location of spa applications & rmeove default pre-load blog post skeleton
 that causes nuxt fails to generate corresponded directory output for each
 route of blog post dir with an index produced within & re-lint and refactored
 all project root sources to align with appropriate codebase prettiter and
 eslint rules to improvise code readabilitiies

---
 src/pages/blog/index.vue | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/pages/blog/index.vue b/src/pages/blog/index.vue
index 9702621..afc7966 100755
--- a/src/pages/blog/index.vue
+++ b/src/pages/blog/index.vue
@@ -16,7 +16,6 @@ export default Vue.extend({
             posts: [] as (Post[] & FetchReturn) | (Post[] & FetchReturn)[]
         }
     },
-    fetchOnServer: false,
     async fetch() {
         const posts = await this.$content('blog').sortBy('createdAt', 'desc').without(['body']).fetch<Post[]>()
 
@@ -24,7 +23,8 @@ export default Vue.extend({
     },
     head() {
         const title = "Toshiki's Blog"
-        const description = 'Real life stories anecdotes & developmental journeys for embarking your inspirations.'
+        const description =
+            "Real life stories anecdotes & developmental journeys for embarking your inspirations."
 
         return {
             title: 'Blog',
@@ -77,9 +77,7 @@ export default Vue.extend({
 </script>
 
 <template>
-    <LoadersBlog v-if="$fetchState.pending || $fetchState.error !== null" />
-
-    <div v-else class="mt-12 space-y-10">
+    <div class="pt-12 space-y-10 margin">
         <section v-for="[year, posts] in getYearGroupedPosts" :key="year" class="space-y-4">
             <h1 class="text-3xl font-bold text-black/90 dark:text-white/90">
                 {{ year }}