Dukumiinti: Hababka ugu Wanaagsan

Dhaqamada ugu wanaagsan

Somali

Ku keydi URL-yada doorsoomayaasha

Marka la turjumayo xarigyo ay ku jiraan URL-yo ama xog la mid ah, waxaa wanaagsan in URL-yadaas lagu keydiyo doorsoomayaal, kadibna lagu tilmaamo gudaha templates-kaaga.

<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 caawiyaan barnaamijyada akhriska shaashadda inay bixiyaan macluumaad qeexan oo ku saabsan shaqada walxaha.

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

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

Waxbaa ka jira tan oo u muuqata mid is-tixraac ah.

Taxanaha asaladaha caalamiga ah iyo asaladaha badan ee qaybaha

Qaabkan waxa uu kaliya ka shaqeeyaa marka la isticmaalayo Next.js Pages Router.

Marka aad la shaqaynayso codsiyo waaweyn, waxaa faa’iido leh in la kala qaybiyo xargaha iyo tarjumaadaha loona qeybiyo ilooyin yaryar oo badan. Qaabkan wuxuu ka caawiyaa yareynta cabbirka xirmooyinka iyo wakhtiyada gudbinta, isagoo hubinaya turjumaad hufan oo la ballaarin karo.

Inkasta oo tani ay fudud tahay marka kaliya la soo bandhigayo dhinaca macmiilka, maaraynta ilooyinku waxay si dhakhso ah u noqon kartaa mid adag marka la soo qaadanayo turjumaadaha loogu talagalay soo bandhigida dhinaca server-ka. Si kastaba ha noqotee, waxaad otomaatig ka dhigi kartaa maaraynta ilooyinka adigoo adeegsanaya array-ga origins ee macmiilka TacoTranslate.

Tixgeli tusaalahan, halkaas oo aan ku kala qeybinay qaybaha iyo boggaga faylal kala duwan.

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 u hesho macluumaad dheeraad ah oo ku saabsan getTacoTranslateStaticProps.

Maaraynta khaladaadka iyo cilad-baarista