feat: Add language switcher component to footer
The code changes include: - Adding the `LocaleSwitcher` component to the footer. - Updating the footer layout to accommodate the language switcher. - Importing the `LocaleSwitcher` component in the `Footer` component. This commit enhances the user experience by allowing users to easily change the language of the website.
This commit is contained in:
16
src/i18n/routing.ts
Normal file
16
src/i18n/routing.ts
Normal file
@@ -0,0 +1,16 @@
|
||||
import {defineRouting} from 'next-intl/routing';
|
||||
import {createSharedPathnamesNavigation} from 'next-intl/navigation';
|
||||
import { SUPPORTED_LANGUAGES } from '@/i18n';
|
||||
|
||||
export const routing = defineRouting({
|
||||
// A list of all locales that are supported
|
||||
locales: SUPPORTED_LANGUAGES,
|
||||
|
||||
// Used when no locale matches
|
||||
defaultLocale: 'en'
|
||||
});
|
||||
|
||||
// Lightweight wrappers around Next.js' navigation APIs
|
||||
// that will consider the routing configuration
|
||||
export const {Link, redirect, usePathname, useRouter} =
|
||||
createSharedPathnamesNavigation(routing);
|
||||
Reference in New Issue
Block a user