29 lines
796 B
TypeScript
29 lines
796 B
TypeScript
import { createFileRoute } from "@tanstack/react-router";
|
|
import { m } from "@/paraglide/messages";
|
|
import LocaleSwitcher from "../components/LocaleSwitcher";
|
|
|
|
export const Route = createFileRoute("/demo/i18n")({
|
|
component: App,
|
|
});
|
|
|
|
function App() {
|
|
return (
|
|
<div className="text-center">
|
|
<header className="min-h-screen flex flex-col items-center justify-center bg-[#282c34] text-white text-[calc(10px+2vmin)] gap-4">
|
|
<p>{m.example_message({ username: "TanStack Router" })}</p>
|
|
<a
|
|
className="text-[#61dafb] hover:underline"
|
|
href="https://inlang.com/m/gerre34r/library-inlang-paraglideJs"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
{m.learn_router()}
|
|
</a>
|
|
<div className="mt-3">
|
|
<LocaleSwitcher />
|
|
</div>
|
|
</header>
|
|
</div>
|
|
);
|
|
}
|