fix: comment reloading

This commit is contained in:
DIYgod 2023-06-16 01:09:16 +01:00
parent 12537a424c
commit 9a5832bb1e
No known key found for this signature in database
3 changed files with 17 additions and 17 deletions

View File

@ -13,6 +13,11 @@ import { ExpandedCharacter, ExpandedNote } from "~/lib/types"
const key = ["PostFooterInView"]
const DynamicComment = dynamic(() => import("~/components/common/Comment"), {
// TODO Skeleton
loading: () => <p>Loading comments...</p>,
})
export const usePostFooterInView = () => {
const { data } = useQuery<boolean>({
queryKey: key,
@ -37,10 +42,6 @@ export const PostFooter = ({
const { t } = useTranslation("common")
const DynamicComment = dynamic(() => import("~/components/common/Comment"), {
loading: () => <p>{t("Loading comments")}...</p>,
})
return (
<>
<div

View File

@ -88,6 +88,5 @@
"Comment Without Login": "免登录评论",
"Name": "昵称",
"Email": "电子邮箱",
"You'll use an official public account for comments and give up blockchain ownership": "你将使用官方公共账号进行评论并放弃区块链所有权",
"Loading comments": "加载评论中"
"You'll use an official public account for comments and give up blockchain ownership": "你将使用官方公共账号进行评论并放弃区块链所有权"
}

View File

@ -50,6 +50,17 @@ import { remarkPangu } from "./remark-pangu"
import { remarkYoutube } from "./remark-youtube"
import sanitizeScheme from "./sanitize-schema"
const Style = dynamic(() => import("~/components/common/Style"))
const Mention = dynamic(() => import("~/components/ui/Mention"))
const Mermaid = dynamic(() => import("~/components/ui/Mermaid"))
const Tweet = dynamic(() => import("~/components/ui/Tweet"))
const GithubRepo = dynamic(() => import("~/components/ui/GithubRepo"))
const APlayer = dynamic(() => import("~/components/ui/APlayer"))
const DPlayer = dynamic(() => import("~/components/ui/DPlayer"), {
ssr: false,
})
export type MarkdownEnv = {
excerpt: string
frontMatter: Record<string, any>
@ -213,17 +224,6 @@ export const renderPageContent = (
.use(rehypeKatex)
if (!html) {
const Style = dynamic(() => import("~/components/common/Style"))
const Mention = dynamic(() => import("~/components/ui/Mention"))
const Mermaid = dynamic(() => import("~/components/ui/Mermaid"))
const Tweet = dynamic(() => import("~/components/ui/Tweet"))
const GithubRepo = dynamic(() => import("~/components/ui/GithubRepo"))
const APlayer = dynamic(() => import("~/components/ui/APlayer"))
const DPlayer = dynamic(() => import("~/components/ui/DPlayer"), {
ssr: false,
})
pipeline.use(rehypeReact, {
createElement: createElement,
components: {