From d95d7310d4cedcbd2289c48d616770de5799fc2b Mon Sep 17 00:00:00 2001
From: Techit Thawiang <techit@thawia.ng>
Date: Sat, 30 Aug 2025 17:49:29 +0700
Subject: [PATCH] Add page transition, new fonts, latex support for blog

---
 app.vue        | 12 ++++++++++++
 nuxt.config.ts | 19 ++++++++++++++++++-
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/app.vue b/app.vue
index f3d5c47..67abdd6 100644
--- a/app.vue
+++ b/app.vue
@@ -3,3 +3,15 @@
     <NuxtPage/>
   </NuxtLayout>
 </template>
+
+<style>
+.page-enter-active,
+.page-leave-active {
+  transition: all 0.2s cubic-bezier(var(--ease-fluid));
+}
+.page-enter-from,
+.page-leave-to {
+  opacity: 0;
+  translate: transformY(10px);
+}
+</style>
\ No newline at end of file
diff --git a/nuxt.config.ts b/nuxt.config.ts
index db9a576..9608a46 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -18,6 +18,7 @@ export default defineNuxtConfig({
   },
   modules: ['@nuxt/content', '@nuxtjs/sitemap', '@nuxt/image', '@nuxt/eslint', '@nuxtjs/color-mode', '@nuxt/icon'],
   app: {
+    pageTransition: { name: 'page', mode: 'out-in' },
     head: {
       titleTemplate: `%s / ${process.env.NUXT_PUBLIC_SITE_NAME || 'thawia.ng'}`,
       meta: [
@@ -57,7 +58,11 @@ export default defineNuxtConfig({
         { rel: 'icon', type: 'image/vnd.microsoft.icon', href: '/favicon.ico' },
         // { rel: 'stylesheet', href: '/style.css' },
         // TYPEFACES
-        { rel: 'stylesheet', href: '/fonts/inter/inter.css' },
+        { rel: 'stylesheet', href: process.env.NUXT_PUBLIC_BASE_URL + '/portal/f/fonts/inter/inter.css' },
+        { rel: 'stylesheet', href: process.env.NUXT_PUBLIC_BASE_URL + '/portal/f/fonts/noto-sans-thai/noto-sans-thai.css' },
+        { rel: 'stylesheet', href: process.env.NUXT_PUBLIC_BASE_URL + '/portal/f/fonts/noto-serif-thai/noto-serif-thai.css' },
+        { rel: 'stylesheet', href: process.env.NUXT_PUBLIC_BASE_URL + '/portal/f/fonts/noto-serif/noto-serif.css' },
+        { rel: 'stylesheet', href: process.env.NUXT_PUBLIC_BASE_URL + '/portal/f/fonts/cmu-serif/cmu-serif.css' }
       ],
       script: [
         // { src: '/js/ripple.js', type: 'text/javascript', defer: true },
@@ -70,5 +75,17 @@ export default defineNuxtConfig({
       { prefix: 'oundr', dir: './assets/icons/oundr' },
       { prefix: 'arpsh', dir: './assets/icons/arpsh' }
     ]
+  },
+  content: {
+    build: {
+      markdown: {
+        remarkPlugins: {
+          'remark-math': {},
+        },
+        rehypePlugins: {
+          'rehype-katex': {}
+        }
+      }
+    }
   }
 })
\ No newline at end of file