update

src/pages/about.astro

@@ -3,7 +3,7 @@ import Breadcrumbs from '@/components/Breadcrumbs.astro'
 import Link from '@/components/Link.astro'
 import PageHead from '@/components/PageHead.astro'
 import Layout from '@/layouts/Layout.astro'
-
+import Comment from '@/components/Comment.astro'
 ---
 
 <Layout class="max-w-3xl">
@@ -157,27 +157,7 @@ import Layout from '@/layouts/Layout.astro'
     <section class="rounded-lg border p-6">
       <p class="text-xs uppercase text-muted-foreground">comment</p>
       <h3 class="text-xl font-semibold mb-3">留言 / 评论</h3>
-      <div id="tcomment"></div>
-      <script
-        is:inline
-        src="https://cdn.jsdelivr.net/npm/twikoo@1.6.44/dist/twikoo.min.js"
-      ></script>
-      <script is:inline>
-        const mountTwikoo = () => {
-          if (!window.twikoo) return
-          window.twikoo.init({
-            envId: 'https://twikoo.hk.nvme0n1p.dev/',
-            el: '#tcomment',
-          })
-        }
-
-        if (document.readyState === 'complete') {
-          mountTwikoo()
-        } else {
-          addEventListener('astro:page-load', mountTwikoo)
-          addEventListener('DOMContentLoaded', mountTwikoo, { once: true })
-        }
-      </script>
+      <Comment />
     </section>
   </section>
 </Layout>