From 6127e132e40da81382b25c591a8cbd84bb5200f6 Mon Sep 17 00:00:00 2001
From: Klemek <klemek.dev@proton.me>
Date: Mon, 27 Apr 2026 13:24:51 +0200
Subject: [PATCH] fix: faster page loading with no async

---
 .github/workflows/deploy.yml |  3 +--
 package.json                 |  2 +-
 src/App.vue                  |  6 ++----
 src/router/index.ts          | 10 ++++------
 src/views/AboutView.vue      | 17 +++--------------
 src/views/ArticleView.vue    |  7 +++----
 src/views/NotFoundView.vue   | 16 +++-------------
 vite.d.ts                    |  2 ++
 8 files changed, 19 insertions(+), 44 deletions(-)

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index d338a1f..a4101c5 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -20,8 +20,7 @@ jobs:
               with:
                   ssh-private-key: ${{ secrets.SSH_PRIVATE_KEY }}
             - run: git clone ${{ vars.ARTICLES_REPOSITORY }} articles
-            - run: bun run build-only
-            - run: bun run post-build
+            - run: bun run build
             - uses: actions/upload-artifact@v7
               with:
                   name: production-files
diff --git a/package.json b/package.json
index 2fce9c5..cb7cf9a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "md-blog",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "private": true,
   "type": "module",
   "repository": "https://github.com/klemek/md-blog",
diff --git a/src/App.vue b/src/App.vue
index 2b9536c..b645cec 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,8 +1,6 @@
 <script setup lang="ts">
-import { defineAsyncComponent } from 'vue'
-
-const NavBar = defineAsyncComponent(() => import('@components/NavBar.vue'))
-const PageFooter = defineAsyncComponent(() => import('@components/PageFooter.vue'))
+import PageFooter from '@components/PageFooter.vue'
+import NavBar from '@components/NavBar.vue'
 </script>
 
 <template>
diff --git a/src/router/index.ts b/src/router/index.ts
index db326d1..efdd83d 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,10 +1,8 @@
-import { defineAsyncComponent } from 'vue'
 import { createRouter, createWebHistory } from 'vue-router'
-
-const AboutView = defineAsyncComponent(() => import('@views/AboutView.vue'))
-const ArticleView = defineAsyncComponent(() => import('@views/ArticleView.vue'))
-const HomeView = defineAsyncComponent(() => import('@views/HomeView.vue'))
-const NotFoundView = defineAsyncComponent(() => import('@views/NotFoundView.vue'))
+import HomeView from '@views/HomeView.vue'
+import AboutView from '@views/AboutView.vue'
+import ArticleView from '@views/ArticleView.vue'
+import NotFoundView from '@views/NotFoundView.vue'
 
 const router = createRouter({
   history: createWebHistory(),
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
index 167e8e5..d6c5e9a 100644
--- a/src/views/AboutView.vue
+++ b/src/views/AboutView.vue
@@ -1,25 +1,14 @@
 <script setup lang="ts">
-import { ABOUT_LINK, TITLE } from '@lib/config'
-import { stripHTML } from '@lib/strings'
-import { onBeforeMount, onMounted, onUpdated, ref } from 'vue'
+import { onMounted, onUpdated } from 'vue'
 import { updateDynamicContent } from '@lib/articles'
-import BackHomeButton from '@components/BackHomeButton.vue'
+import { html } from '@articles/about.md'
 
-const loading = ref<boolean>(true)
-const html = ref<string>('')
-
-onBeforeMount(async () => {
-  window.document.title = stripHTML(TITLE) + ' — ' + stripHTML(ABOUT_LINK)
-  html.value = (await import('@articles/about.md')).html
-  loading.value = false
-  await updateDynamicContent()
-})
 onMounted(updateDynamicContent)
 onUpdated(updateDynamicContent)
 </script>
 
 <template>
-  <div v-if="!loading" class="article">
+  <div class="article">
     <div v-html="html"></div>
     <BackHomeButton />
   </div>
diff --git a/src/views/ArticleView.vue b/src/views/ArticleView.vue
index d9638e1..87be0c4 100644
--- a/src/views/ArticleView.vue
+++ b/src/views/ArticleView.vue
@@ -1,14 +1,13 @@
 <script setup lang="ts">
 import type { Article } from '@interfaces'
-import { ref, onBeforeMount, onUpdated, onMounted, defineAsyncComponent } from 'vue'
+import { ref, onBeforeMount, onUpdated, onMounted } from 'vue'
 import { loadArticle, updateDynamicContent } from '@lib/articles'
 import { useRoute, onBeforeRouteUpdate, type RouteLocation } from 'vue-router'
 import { simpleDateFormat } from '@lib/dates'
 import { AUTHORED, PUBLISHED_ON, SIGNATURE, TITLE, UPDATED_ON } from '@lib/config'
 import { stripHTML } from '@lib/strings'
-
-const BackHomeButton = defineAsyncComponent(() => import('@components/BackHomeButton.vue'))
-const NotFoundView = defineAsyncComponent(() => import('@views/NotFoundView.vue'))
+import BackHomeButton from '@components/BackHomeButton.vue'
+import NotFoundView from '@views/NotFoundView.vue'
 
 const article = ref<Article | null>(null)
 const loading = ref<boolean>(true)
diff --git a/src/views/NotFoundView.vue b/src/views/NotFoundView.vue
index 55408ad..204a419 100644
--- a/src/views/NotFoundView.vue
+++ b/src/views/NotFoundView.vue
@@ -1,22 +1,12 @@
 <script setup lang="ts">
-import { TITLE } from '@lib/config'
-import { stripHTML } from '@lib/strings'
-import { onBeforeMount, onMounted, onUpdated, ref } from 'vue'
+import { onMounted, onUpdated } from 'vue'
 import { updateDynamicContent } from '@lib/articles'
+import { html } from '@articles/not_found.md'
 
-const loading = ref<boolean>(true)
-const html = ref<string>('')
-
-onBeforeMount(async () => {
-  window.document.title = stripHTML(TITLE)
-  html.value = (await import('@articles/not_found.md')).html
-  loading.value = false
-  await updateDynamicContent()
-})
 onMounted(updateDynamicContent)
 onUpdated(updateDynamicContent)
 </script>
 
 <template>
-  <div v-if="!loading" class="article" v-html="html"></div>
+  <div class="article" v-html="html"></div>
 </template>
diff --git a/vite.d.ts b/vite.d.ts
index f05b246..7adad03 100644
--- a/vite.d.ts
+++ b/vite.d.ts
@@ -23,3 +23,5 @@ declare module '*.md' {
   // Modify below per your usage
   export { attributes, toc, html, ReactComponent, VueComponent, VueComponentWith }
 }
+
+declare module '*.vue'