Fix casing discrepancies.

themes/next/components/RecommendPosts.js

@@ -0,0 +1,32 @@
+import React from 'react'
+import Link from 'next/link'
+import { useGlobal } from '@/lib/global'
+import CONFIG_NEXT from '../config_next'
+
+/**
+ * 展示文章推荐
+ */
+const RecommendPosts = ({ recommendPosts }) => {
+  if (!CONFIG_NEXT.ARTICLE_RELATE_POSTS || !recommendPosts || recommendPosts.length < 1) {
+    return <></>
+  }
+  const { locale } = useGlobal()
+
+  return (
+    <div className="pt-2 border pl-4 py-2 my-4 dark:text-gray-300 ">
+       <div className="mb-2 font-bold text-lg">{locale.COMMON.RELATE_POSTS} :</div>
+        <ul className="font-light text-sm">
+          {recommendPosts.map(post => (
+            <li className="py-1" key={post.id}>
+              <Link href={`/article/${post.slug}`}>
+                <a className="cursor-pointer hover:underline">
+                  {post.title}
+                </a>
+              </Link>
+            </li>
+          ))}
+        </ul>
+    </div>
+  )
+}
+export default RecommendPosts