Dukumentiyada: Habraacyada ugu wanaagsan

Hababka ugu wanaagsan

Somali

Ku keydi URL-yada doorsoomayaasha

Marka la turjumayo xarfo ay ku jiraan URL-yo ama xog la mid ah, waxaa habboon in URL-yadan lagu kaydiyo doorsoomayaal (variables) ka dibna lagu tixraaco gudaha tusaalooyinkaaga (templates).

<Translate
	string={`Click <a href="{{url}}">here</a>`}
	variables={{url: 'https://tacotranslate.com'}}
/>

Isticmaal calaamadaha ARIA

Marka la turjumayo qoraalka walxaha is-dhexgalka sida badhamada, waxaa muhiim ah in la daro calaamadaha ARIA si loo hubiyo helitaanka. Calaamadaha ARIA waxay ka caawinayaan akhristayaasha shaashadda inay bixiyaan macluumaad faahfaahsan oo ku saabsan shaqada walxaha.

Tusaale ahaan, haddii aad leedahay badhan u oggolaanaya isticmaaleyaasha inay nuqul ka sameeyaan qoraal ku jira sanduuqa koodhka, waxaad isticmaali kartaa sifo aria-label si aad u bixiso sharaxaad cad:

<Translate
	aria-label={useTranslation('Copy to clipboard')}
	string="Copy"
/>

Arrintan waxay u muuqataa mid aad u meta.

Liiska ilaha guud iyo ilaha badan ee qaybaha

Qaabkan ayaa kaliya ka shaqeeya marka la isticmaalayo Next.js Pages Router.

Marka aad la shaqaynayso barnaamijyo waaweyn, waxaa faa’iido leh in la kala qaybiyo qoraallada iyo tarjumaadaha ilaha yar-yar ee badan. Habkan wuxuu ka caawiyaa yaraynta cabbirka xirmooyinka iyo wakhtiyada gudbinta, isagoo hubinaya in turjumidda ay noqoto mid hufan oo si sahlan loo balaadhin karo.

In kasta oo tani ay fudud tahay marka la soo saarayo kaliya dhinaca macmiilka, maareynta ilaha waxay si dhaqso ah u noqon kartaa mid cakiran marka la soo qaadayo tarjumaadaha loogu talagalay soo saarista dhinaca server-ka. Si kastaba ha noqotee, waxaad si otomaatig ah u maamuli kartaa ilaha adoo adeegsanaya liiska origins ee macmiilka TacoTranslate.

Tixgeli tusaalahan, halka aan qaybaha iyo bogaggayaga u kala qaybinay faylal gooni-gooni ah.

components/pricing-table.tsx

import TacoTranslate, {Translate} from 'tacotranslate/react';
import tacoTranslate from '../tacotranslate-client';

// Set an origin name for this component
const origin = 'components/pricing-table';

// Push the origin into the origins array as this file is imported
tacoTranslate.origins.push(origin);

export default function PricingTable() {
	return (
		<TacoTranslate origin={origin}>
			<Translate string="Pricing table" />
			// ...
		</TacoTranslate>
	);
}

pages/pricing.tsx

import TacoTranslate, {Translate} from 'tacotranslate/react';
import getTacoTranslateStaticProps from 'tacotranslate/next/get-static-props';
import tacoTranslateClient from '../tacotranslate-client';
import PricingTable from '../components/pricing-table';

const origin = 'pages/pricing';
tacoTranslateClient.origins.push(origin);

export default function PricingPage() {
	return (
		<TacoTranslate origin={origin}>
			<Translate string="Pricing page" />
			<PricingTable />
		</TacoTranslate>
	);
}

// We will now fetch translations for all imported components and their origins automatically
export async function getStaticProps(context) {
	return getTacoTranslateStaticProps(context, {client: tacoTranslateClient});
}

Eeg tusaalooyinka soo-saarista dhinaca server-ka si aad wax badan uga ogaato getTacoTranslateStaticProps.

Maareynta khaladaadka iyo baadhista ciladaha