Úsáid chun cinn

Ag láimhseáil teangacha ó dheas go clé

Déanann TacoTranslate éasca tacaíocht a thabhairt do theangacha ó dheas go clé (RTL), ar nós Araibis agus Eabhrais, i do chuid feidhmchlár React. Cinntíonn láimhseáil cheart ar theangacha RTL go bhfuil do chuid ábhar á thaispeáint i gceart do dhaoine a léann ón deas go clé.

import {useTacoTranslate} from 'tacotranslate/react';

function Document() {
	const {locale, isRightToLeft} = useTacoTranslate();

	return (
		<html lang={locale} dir={isRightToLeft ? 'rtl' : 'ltr'}>
			<body>
				// ...
			</body>
		</html>
	);
}

Is féidir leat an fheidhm isRightToLeftLocaleCode atá ar fáil a úsáid freisin chun an teanga reatha a sheiceáil taobh amuigh de React.

import {isRightToLeftLocaleCode} from 'tacotranslate';

function foo(locale = 'es') {
	const direction = isRightToLeftLocaleCode(locale) ? 'rtl' : 'ltr';
	// ...
}

Ag díghníomhachtú aistriúcháin

Chun aistriúchán a dhíchumasú do chodanna áirithe d’aibíonna nó chun a chinntiú go gcoinnítear codanna áirithe mar atá, is féidir leat sráidbhraicíní cearnacha triple a úsáid. Tá an ghné seo úsáideach chun an formáid bhunaidh d’ainmneacha, téarmaí teicniúla, nó aon ábhar eile nár cheart a aistriú a chothabháil.

import {Translate} from 'tacotranslate/react';

function Component() {
	return (
		<Translate string="Hello, [[[TacoTranslate]]]!" />
	);
}

Sa sampla seo, fanfaidh an focal “TacoTranslate” gan athrú sa aistriú.

Iolraitheoirí TacoTranslate

Moltaimid go láidir úsáid a bhaint as il-sholáthraithe TacoTranslate i do aip. Tá sé seo úsáideach chun do chuid aistriúchán agus sreanga a eagrú i bhfoinsí éagsúla, mar shampla do cheannlíne, do choslíne, nó rannóga ar leith.

Is féidir leat léamh níos mó faoi úsáid a bhaint as bunaidhere anseo.

Soláthraithe TacoTranslate glacann siad le socruithe ó aon sholáthraí tuismitheora, mar sin ní bheidh ort aon shocruithe eile a athrá.

import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate} from 'tacotranslate/react';

const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});

function Header() {
	return (
		<TacoTranslate origin="header">
			// ...
		</TacoTranslate>
	);
}

function Menu() {
	return (
		<TacoTranslate origin="menu">
			// ...
		</TacoTranslate>
	);
}

export default function App() {
	return (
		<TacoTranslate client={tacoTranslateClient} origin="page" locale="es">
			<Header />
			<Menu />
		</TacoTranslate>
	);
}

Ag cur thar maoil ar thús nó áitiúlacht

Chomh maith le húsáid iolrach de sholáthraithe TacoTranslate, is féidir leat freisin bunús agus áitiúlacht a shárú ar leibhéil an chomhpháirte Translate agus an hook useTranslation.

import {Translate, useTranslation} from 'tacotranslate/react';

function Greeting() {
	const spanishHello = useTranslation('Hello!', {locale: 'es'});

	return (
		<>
			{spanishHello}
			<Translate string="What’s up?" origin="greeting" />
		</>
	);
}

Ag láimhseáil luchtaithe

Nuair a athraíonn tú teangacha ar thaobh an chliaint, d’fhéadfadh sé tamall beag a thógáil chun na haistriúcháin a fháil ag brath ar nasc an úsáideora. Is féidir leat táscaire luchtaithe a thaispeáint chun taithí an úsáideora a fheabhsú trí aiseolas amhairc a sholáthar le linn an aistriú.

import {useTacoTranslate} from 'tacotranslate/react';

function Component() {
	const {isLoading} = useTacoTranslate();

	return (
		isLoading ? 'Translations are loading...' : null
	);
}

Iolrú

Chun láirniú ilghnéitheach a bhainistiú agus lipéid bunaithe ar chomhaireamh a thaispeáint i gceart i dteangacha éagsúla, meastar gur cleachtas is fearr é seo:

import {Translate, useLocale} from 'tacotranslate/react';

function PhotoCount() {
	const locale = useLocale();
	const count = 1;

	return count === 0 ? (
		<Translate string="You have no photos." />
	) : count === 1 ? (
		<Translate string="You have 1 photo." />
	) : (
		<Translate
			string="You have {{count}} photos."
			variables={{count: count.toLocaleString(locale)}}
		/>
	);
}

Ilteangacha

Chun tacaíocht a thabhairt do bhreis agus níos mó teangacha ag an am céanna laistigh den iarratas céanna, is féidir leat úsáid a bhaint as soláthraithe TacoTranslate éagsúla le luachanna locale difriúla mar atá léirithe thíos:

Is féidir leat freisin an locale a shárú ag leibhéal an chomhpháirte nó an hucail.

import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate, Translate} from 'tacotranslate/react';

const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});

function Spanish() {
	return (
		<TacoTranslate locale="es">
			<Translate string="Hello, world in Spanish!" />
		</TacoTranslate>
	);
}

function Norwegian() {
	return (
		<TacoTranslate locale="no">
			<Translate string="Hello, world in Norwegian!" />
		</TacoTranslate>
	);
}

export default function App() {
	return (
		<TacoTranslate client={tacoTranslateClient} origin="page" locale="es">
			<Spanish />
			<Norwegian />
		</TacoTranslate>
	);
}

Ag úsáid IDanna aistriúcháin

Is féidir leat id a chur leis an gcomhpháirt Translate chun láimhseáil a dhéanamh ar aistriúcháin nó bríonna éagsúla don cheannslíne céanna. Tá sé seo an-úsáideach go háirithe nuair a éilíonn an téacs céanna aistriúcháin éagsúla bunaithe ar an gcomhthéacs. Trí IDanna uathúla a shannadh, cinntíonn tú go ndéanfar gach sampla den cheannslíne a aistriú go cruinn de réir a bhrí shonrach.

import {Translate} from 'tacotranslate/react';

function Header() {
	return (
		<Translate id="header" string="Login" />
	);
}

function Footer() {
	return (
		<Translate id="footer" string="Login" />
	);
}

Mar shampla, d’fhéadfadh logáil isteach ceannlíne a aistriú go “Iniciar sesión”, agus d’fhéadfadh logáil isteach sa chosbhun a aistriú go “Acceder” sa Spáinnis.

Táirge ó NattskiftetDéanta sa Iorua