Dukumentiyada: Hab-dhaqannada ugu wanaagsan

Hab-dhaqannada ugu wanaagsan

Somali

URL-yada ku rid doorsoomayaasha

Marka la turjumayo xadhigyo qoraal ah oo ay ku jiraan URL-yo ama xog la mid ah, waxaa la tixgeliyaa inay tahay dhaqan wanaagsan in URL-yadaas lagu dhex dhigo doorsoomyo, ka dibna lagu tixraaco gudaha 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 caawinayaan akhristayaasha shaashadda inay bixiyaan macluumaad sharaxaad leh oo ku saabsan shaqada curiyaha.

Tusaale ahaan, haddii aad leedahay badhan u oggolaanaya isticmaaleyaasha inay nuqul ka sameeyaan qoraalka ku jira blok 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 tan waxay u muuqataa inay tahay mid aad u meta.

Array-ga ilaha guud iyo ilaha badan ee qaybaha

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

Marka aad la shaqaynayso codsiyo waaweyn, waxaa wanaagsan in xargaha qoraalka iyo tarjumaadaha lagu kala qaybiyo ilo yaryar oo badan. Habkan wuxuu ka caawiyaa in la yareeyo cabbirka xirmooyinka iyo wakhtiyada gudbinta, taasoo xaqiijinaysa tarjumaad waxtar leh oo si fudud loo ballaarin karo.

Inkasta oo tani ay fudud tahay marka kaliya lagu soo saarayo dhinaca macmiilka, maaraynta ilaha waxay si dhakhso ah u noqon kartaa mid adag marka la soo qaadanayo tarjumaadaha si loogu soo saaro dhinaca server-ka. Si kastaba ha noqotee, waxaad otomaatig ka dhigi kartaa maaraynta ilaha adigoo adeegsanaya array-ga macmiilka TacoTranslate origins.

Tixgeli tusaalahan, halkaasoo aan qaybahayaga iyo boggayaga ku kala saarney 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 bandhigida dhinaca server-ka si aad u hesho macluumaad dheeraad ah oo ku saabsan getTacoTranslateStaticProps.

Maareynta khaladaadka iyo cilad-baarista