Support 5 languages automatically (EN, FR, ES, DE, PT)
Want to override? Just pick a language:
1function LanguageButtons() {
2 const { setLocale } = useVibeReview();
3
4 return (
5 <div>
6 <button onClick={() => setLocale('en')}>🇬🇧 English</button>
7 <button onClick={() => setLocale('fr')}>🇫🇷 Français</button>
8 <button onClick={() => setLocale('es')}>🇪🇸 Español</button>
9 <button onClick={() => setLocale('de')}>🇩🇪 Deutsch</button>
10 <button onClick={() => setLocale('pt')}>🇵🇹 Português</button>
11 </div>
12 );
13}Want a dropdown? Here's a simple one:
1function LanguageSelector() {
2 const { setLocale, getLocale } = useVibeReview();
3
4 return (
5 <select
6 value={getLocale()}
7 onChange={(e) => setLocale(e.target.value)}
8 >
9 <option value="en">🇬🇧 English</option>
10 <option value="fr">🇫🇷 Français</option>
11 <option value="es">🇪🇸 Español</option>
12 <option value="de">🇩🇪 Deutsch</option>
13 <option value="pt">🇵🇹 Português</option>
14 </select>
15 );
16}