fix more text rendering wiht translation (#835)

Author: ianhi

src/pages/blog/[id].js

@@ -29,6 +29,7 @@ import { distanceToNow, formatDate } from '@/lib/date-formatting'
 import { MDXElements } from '@/lib/mdx-elements'
 import { getAllPostsIds, getPostData } from '@/lib/posts'
 import { i18nConfig } from '@/config/i18n.mjs'
+import { loadCatalog } from '../../i18n'
 
 export default function Post({ source, frontmatter, postId, translation }) {
   const date = new Date(frontmatter.date)
@@ -123,7 +124,7 @@ export async function getStaticPaths() {
   }
 }
 
-export async function getStaticProps({ params }) {
+export async function getStaticProps({ params, locale }) {
   const postData = getPostData(params.id)
   const filePath = path.join(process.cwd(), 'src/posts', postData.file)
   const source = fs.readFileSync(filePath, 'utf8')
@@ -136,11 +137,14 @@ export async function getStaticProps({ params }) {
     },
   })
 
+  const translation = await loadCatalog(locale ?? 'en')
+
   return {
     props: {
       source: mdxSource,
       frontmatter: data,
       postId: params.id,
+      translation,
     },
   }
 }

src/pages/blog/index.js

@@ -20,6 +20,7 @@ import { Link } from '@/components/mdx'
 import { distanceToNow, formatDate } from '@/lib/date-formatting'
 import { getSortedPostsMetadata } from '@/lib/posts'
 import { generateRssFeed } from '@/lib/rss-feed'
+import { loadCatalog } from '../../i18n'
 
 const SinglePost = ({ page }) => {
   const date = new Date(page.date)
@@ -109,12 +110,14 @@ export default function Blog({ allPostsData }) {
   )
 }
 
-export async function getStaticProps({ params, locale = 'en' }) {
+export async function getStaticProps({ locale = 'en' }) {
   const allPostsData = getSortedPostsMetadata()
   generateRssFeed(allPostsData)
+  const translation = await loadCatalog(locale)
   return {
     props: {
       allPostsData,
+      translation,
     },
   }
 }