Dukumentiga: Hababka ugu wanaagsan

Dhaqamada ugu wanaagsan

Somali

URL-yada ku dhig doorsoomayaasha

Marka la turjumayo xadhigyo ay ku jiraan URL-yada ama xog la mid ah, waxaa loo arkaa dhaqan wanaagsan in URL-yadaas lagu keydiyo doorsoomayaal, ka dibna lagu tixraaco template-yadaada.

<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 akhriya shaashadda inay bixiyaan macluumaad sharaxaad ah oo ku saabsan shaqada walxaha.

Tusaale ahaan, haddii aad haysato 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"
/>

Wax ku saabsan arrintan ayaa aad u meta ah.

Array-ga asalada guud iyo asalada kala duwan ee qaybaha

Qaabkan wuxuu kaliya shaqeeyaa marka la isticmaalayo Next.js Pages Router.

Marka laga shaqeynayo codsiyo waaweyn, waxaa wanaagsan in xadhkaha iyo turjumaadaha loo qaybiyo ilo badan oo yaryar. Habkan wuxuu yaraynayaa cabbirka baakadaha iyo wakhtiyada gudbinta, isagoo hubinaya turjumid hufan oo si fudud loo ballaarin karo.

In kasta oo tani ay si fudud u tahay marka kaliya dhinaca macmiilka la soo bandhigayo, maaraynta ilaha si dhaqso ah ayay u adkaanaysaa marka la soo qaadayo turjumaadaha loogu talagalay soo-bandhigidda dhinaca server-ka. Si kastaba ha noqotee, waxaad otomaatig ka dhigi kartaa maaraynta ilaha adigoo adeegsanaya TacoTranslate client origins array.

Fiiri tusaalahan, halkaas oo aan u kala saarney qaybahayaga iyo boggayaga feylal 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 u hesho macluumaad dheeraad ah oo ku saabsan getTacoTranslateStaticProps.

Maaraynta qaladaadka iyo cilad-saaridda