feat: link with locale

Author: AleksandrSl

demo/new-compiler-next16/app/[locale]/page.tsx

@@ -1,6 +1,6 @@
 import { Counter } from "@/components/Counter";
 import { LocaleSwitcher } from "@lingo.dev/compiler/react";
-import Link from "next/link";
+import { Link } from "@/components/LocaleLink";
 import { ServerChild } from "@/components/ServerChild";
 import { ClientChildWrapper } from "@/components/ClientChildWrapper";
 
@@ -22,7 +22,7 @@ export default function Home() {
       <header className="flex justify-between p-10 w-full">
         <span>Lingo.dev compiler Next demo</span>
         <nav>
-          <Link href="/test">Test</Link> 1
+          <Link href="test">Test</Link> 1
         </nav>
         <LocaleSwitcher
           locales={[

demo/new-compiler-next16/components/LocaleLink.tsx

@@ -0,0 +1,19 @@
+"use client";
+
+import NextLink from "next/link";
+import { useLingoContext } from "@lingo.dev/compiler/react";
+import type { ComponentProps } from "react";
+
+/**
+ * Link component that automatically prefixes hrefs with current locale
+ */
+export function Link({ href, ...props }: ComponentProps<typeof NextLink>) {
+  const { locale } = useLingoContext();
+
+  // If href is already locale-prefixed or external, use as-is
+  const localizedHref = typeof href === "string" && !href.startsWith("http") && !href.startsWith(`/${locale}`)
+    ? `/${locale}${href.startsWith("/") ? "" : "/"}${href}`
+    : href;
+
+  return <NextLink href={localizedHref} {...props} />;
+}