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:
mauro-balades
2024-09-02 19:22:31 +02:00
parent 27b23e8336
commit fa89603cf4
4 changed files with 51 additions and 2 deletions

16
src/i18n/routing.ts Normal file
View 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);