Set hreflang on Link

amannn · Nov 14, 2023 · dc91509 · dc91509
1 parent c7b2626
commit dc91509
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/packages/next-intl/src/navigation/BaseLink.tsx b/packages/next-intl/src/navigation/BaseLink.tsx
@@ -15,8 +15,14 @@ function BaseLink<Locales extends AllLocales>(
   ref: Props<Locales>['ref']
 ) {
   const defaultLocale = useLocale();
+  const linkLocale = locale || defaultLocale;
   return (
-    <BaseLinkWithLocale ref={ref} locale={locale || defaultLocale} {...rest} />
+    <BaseLinkWithLocale
+      ref={ref}
+      hrefLang={linkLocale}
+      locale={linkLocale}
+      {...rest}
+    />
   );
 }
 

diff --git a/packages/next-intl/test/navigation/BaseLink.test.tsx b/packages/next-intl/test/navigation/BaseLink.test.tsx
@@ -91,6 +91,13 @@ describe('unprefixed routing', () => {
 
     expect(ref).toBeDefined();
   });
+
+  it('sets an hreflang', () => {
+    render(<BaseLink href="/test">Test</BaseLink>);
+    expect(
+      screen.getByRole('link', {name: 'Test'}).getAttribute('hreflang')
+    ).toBe('en');
+  });
 });
 
 describe('prefixed routing', () => {