Sanya URLs a cikin canje-canje

Lokacin fassara igiyoyi da ke dauke da URLs ko makamantan bayanai, ana ɗaukar yin storing waɗannan URLs a cikin canje-canje sannan a ambaci su a cikin samfuran ku a matsayin kyakkyawan aiki.

Yi amfani da alamar ARIA

Lokacin fassara rubutun abubuwan hulɗa kamar maɓallan, yana da muhimmanci a haɗa da lakabin ARIA don tabbatar da samun damar amfani da shi. Lakabin ARIA suna taimaka wa masu karanta allo su ba da cikakken bayani game da aikin abin.

Alal misali, idan kuna da maɓalli wanda ke ba masu amfani damar kwafi rubutu daga wani ɓangaren lambar, zaku iya amfani da aria-label don bayar da bayani mai ƙarfi:

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

Wani abu game da wannan yana da matuƙar meta.

Jerin asalin duniya da asalin sassa masu yawa

Wannan tsarin yana aiki ne kawai lokacin amfani da Next.js Pages Router.

Lokacin aiki da manyan aikace-aikace, yana da amfani a raba jerin kalmomi da fassaruwa zuwa asali da yawa, ƙanana. Wannan hanyar tana taimakawa rage girman fakiti da lokacin canja wuri, ta yadda za a tabbatar da ingantacciyar daidaituwa da kuma iya faɗaɗa.

Duk da cewa wannan yana da sauƙi lokacin da ake fassara a bangaren mai amfani kawai, sarrafa asali yana iya zama mai rikitarwa yayin ɗaukar fassaruwa don fassarar ɓangaren uwar garke. Koyaya, za ka iya sarrafa asalin ta atomatik ta amfani da jerin origins na abokin cinikin TacoTranslate.

Ka duba wannan misali, inda muka raba abubuwanmu da shafukanmu cikin fayiloli daban-daban.

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});
}

Duba misalan bayyana a gefen uwar garke don ƙarin bayani game da getTacoTranslateStaticProps.