perf: dynamic import viewer three.js (tách khỏi bundle chính)
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,20 @@
|
||||
"use client";
|
||||
|
||||
import dynamic from "next/dynamic";
|
||||
import type { Antiquity } from "@/app/content";
|
||||
|
||||
const AntiquityShowcase = dynamic(
|
||||
() => import("@/app/components/antiquity/AntiquityShowcase").then((m) => m.AntiquityShowcase),
|
||||
{
|
||||
ssr: false,
|
||||
loading: () => (
|
||||
<div className="mx-auto max-w-7xl px-4 py-16 text-center text-sm text-[var(--muted-foreground)] sm:px-6">
|
||||
Đang tải phòng trưng bày 3D…
|
||||
</div>
|
||||
),
|
||||
},
|
||||
);
|
||||
|
||||
export default function AntiquityShowcaseClient({ items }: { items: Antiquity[] }) {
|
||||
return <AntiquityShowcase items={items} />;
|
||||
}
|
||||
Reference in New Issue
Block a user