1---
 2import { commentConfig } from '@/config';
 3import Artalk from '@components/comment/Artalk.astro';
 4import Giscus from '@components/comment/Giscus.astro';
 5import Twikoo from '@components/comment/Twikoo.astro';
 6import Waline from '@components/comment/Waline.astro';
 7import { t } from '@utils/i18n';
 8---
 9
10<div id="page-comment" title={t.info.comments()} aria-label={t.info.comments()}>
11  {
12    (() => {
13      switch (commentConfig.provider) {
14        case 'twikoo':
15          return <Twikoo />;
16        case 'giscus':
17          return <Giscus />;
18        case 'waline':
19          return <Waline />;
20        case 'artalk':
21          return <Artalk />;
22      }
23    })()
24  }
25</div>