From 145f16e97d7e3174f5b35423f75016716a5b8260 Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Fri, 13 May 2022 15:56:46 +0800
Subject: [PATCH] =?UTF-8?q?Gitalk=E5=B0=81=E8=A3=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Comment.js | 3 +--
 components/Gitalk.js  | 9 +++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)
 create mode 100644 components/Gitalk.js

diff --git a/components/Comment.js b/components/Comment.js
index 45bb554f..915b96ee 100644
--- a/components/Comment.js
+++ b/components/Comment.js
@@ -1,14 +1,13 @@
 import BLOG from '@/blog.config'
 import dynamic from 'next/dynamic'
 import { useRouter } from 'next/router'
-import 'gitalk/dist/gitalk.css'
 import Tabs from '@/components/Tabs'
 import { ReactCusdis } from 'react-cusdis'
 import { useGlobal } from '@/lib/global'
 
 const GitalkComponent = dynamic(
   () => {
-    return import('gitalk/dist/gitalk-component')
+    return import('@/components/Gitalk')
   },
   { ssr: false }
 )
diff --git a/components/Gitalk.js b/components/Gitalk.js
new file mode 100644
index 00000000..2edc44bd
--- /dev/null
+++ b/components/Gitalk.js
@@ -0,0 +1,9 @@
+import 'gitalk/dist/gitalk.css'
+
+import GitalkComponent from 'gitalk/dist/gitalk-component'
+
+const Gitalk = props => {
+  return <GitalkComponent {...props} />
+}
+
+export default Gitalk