Skip to content
Docs

app/
layout.tsx
page.tsx
api/
translations/[lang]/route.ts
components/
layout/
Header.tsx
Footer.tsx
Sidebar.tsx
ui/
lib/
translations/
en.json
ko.json
hua.config.ts
tailwind.config.ts

hua.config.ts

typescript
// hua.config.ts
import { defineConfig } from "@hua-labs/hua/framework";

export default defineConfig({
  branding: {
    name: "My App",
    primaryColor: "#6366f1",
  },
  i18n: {
    defaultLanguage: "en",
    supportedLanguages: ["en", "ko"],
  },
  motion: {
    reducedMotion: "user",
    defaultDuration: 300,
  },
});

app/layout.tsx

typescript
// app/layout.tsx
import { UnifiedProviders } from "@hua-labs/hua/framework";
import config from "../hua.config";

export default function RootLayout({ children }) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body>
        <UnifiedProviders config={config}>
          {children}
        </UnifiedProviders>
      </body>
    </html>
  );
}