refactor: adjust site config

Author: ansidev

src/components/AppHeader.astro

@@ -8,7 +8,7 @@ import Icon from './Icon.astro'
 export interface Props extends HTMLAttributes<'svg'> {}
 
 const { ...props } = Astro.props
-const { title, description, authorAvatar } = siteConfig
+const { title, description, author } = siteConfig
 ---
 
 <div class="header-container">
@@ -22,7 +22,7 @@ const { title, description, authorAvatar } = siteConfig
       <div class="header-logo mr-3">
         <a href="/">
           <img
-            src={authorAvatar}
+            src={author.avatar}
             alt="Author's avatar"
             class="rounded-full"
             style="margin-bottom: 0 !important;"

src/configs/site.ts

@@ -3,8 +3,10 @@ const env = process.env
 export default {
   title: 'LeetCode Blog',
   description: 'Solutions for LeetCode problems - Written by ansidev',
-  author: 'ansidev',
-  authorAvatar: '/ansidev.png',
+  author: {
+    name: 'Le Minh Tri',
+    avatar: '/ansidev.png',
+  },
   favicon: '/favicon.ico',
   faviconMimeType: 'image/x-icon',
   plugins: {

src/pages/index.astro

@@ -9,7 +9,7 @@ const { title, description, author } = siteConfig
 <AppLayout
   title={title}
   description={description}
-  author={author}
+  author={author.name}
   headerCssClasses="max-w-xl px-8"
 >
   <main class="mx-auto my-4 p-4 max-w-2xl text-site-header-text">