Takardun Bayani: Amfani da TacoTranslate

Amfani da TacoTranslate

Hausa

Fassarar ƙirtani

A halin yanzu akwai hanyoyi uku na fassara rubutun: sashin Translate, hook na useTranslation, ko kuma kayan aikin translateEntries.

Amfani da Translate sashi.
Yana fitar da fassara a cikin wani span element, kuma yana goyon bayan nuna HTML.

import {Translate} from 'tacotranslate/react';

function Page() {
	return <Translate string="Hello, world!" />;
}

Za ku iya canza nau'in element, misali ta amfani da as="p" a kan bangaren.

Amfani da useTranslation hook.
Yana dawo da fassara a matsayin rubutu mai sauki. Amfani ne, misali, a cikin alamomin meta.

import {useEffect} from 'react';
import {useTranslation} from 'tacotranslate/react';

function Page() {
	const helloWorld = useTranslation('Hello, world!');

	useEffect(() => {
		alert(helloWorld);
	}, [helloWorld]);

	return (
		<title>{useTranslation('My page title')}</title>
	);
}

Amfani da kayan aikin translateEntries.
Fassara rubutun a ɓangaren uwar-garke. Ƙara ƙarfin hotunanka na OpenGraph.

import {createEntry, translateEntries} from 'tacotranslate';

async function generateMetadata(locale = 'es') {
	const title = createEntry({string: 'Hello, world!'});
	const description = createEntry({string: 'TacoTranslate on the server'});

	const translations = await translateEntries(
		tacoTranslate,
		{origin: 'opengraph', locale},
		[title, description]
	);

	return {
		title: translations(title),
		description: translations(description)
	};
}

Lokacin da layukan rubutu suka isa uwar garkenmu, da farko muna tantance su mu adana su, sannan nan da nan mu dawo da fassarar na'ura. Ko da yake fassarar na'ura gabaɗaya tana da ƙasa a inganci idan aka kwatanta da fassarorin AI ɗinmu, tana ba da saurin amsa na farko.

A lokaci guda, muna ƙaddamar da aikin fassara da zai gudana a bango don samar da fassarar AI mai inganci kuma ta zamani ga rubutunku. Da zarar fassarar AI ta shirya, za ta maye gurbin fassarar injin kuma za a aika ta duk lokacin da kuka nema fassarar rubutunku.

Idan kun fassara wata ƙirtani da hannu, waɗancan fassarorin suna da fifiko kuma za a mayar da su maimakon haka.

Amfani da tushen

Ayyukan TacoTranslate suna ɗauke da abin da muke kira origins. Ka yi tunanin su a matsayin wuraren shiga, manyan fayiloli, ko rukuni-rukuni don rubutun ku da fassarorinsu.

import {TacoTranslate} from 'tacotranslate/react';

function Menu() {
	return (
		<TacoTranslate origin="application-menu">
			// ...
		</TacoTranslate>
	);
}

Origins suna ba ku damar rarraba rubutu cikin akwatuna masu ma'ana. Misali, za ku iya samun origin guda ɗaya don takardun bayani, kuma wani don shafin tallanku.

Don samun iko mai daki-daki, za ku iya saita tushoshi a matakin bangare.

Don cimma wannan, yi la'akari da amfani da masu ba da TacoTranslate da yawa a cikin aikin ku.

Da fatan za a lura cewa wannan rubutu guda na iya samun fassarori daban-daban a asali daban-daban.

A ƙarshe, yadda kake rarraba rubutattun jimloli cikin tushoshi ya dogara da kai da bukatunka. Duk da haka, ka lura cewa kasancewar jimloli da yawa a cikin tushen guda na iya ƙara lokutan loda.

Sarrafa canje-canje

Ya kamata koyaushe ku yi amfani da masu canji don abubuwan da ke canzawa, kamar sunayen masu amfani, kwanan wata, adireshin imel, da sauransu.

Ana bayyana masu canji a cikin rubutu ta amfani da baka biyu, kamar {{variable}}.

import {Translate} from 'tacotranslate/react';

function Greeting() {
	const name = 'Juan';
	return <Translate string="Hello, {{name}}!" variables={{name}} />;
}

import {useTranslation} from 'tacotranslate/react';

function useGreeting() {
	const name = 'Juan';
	return useTranslation('Hello, {{name}}!', {variables: {name}});
}

Gudanar da abun ciki na HTML

A tsoho, sashin Translate yana tallafawa kuma yana fitar da abun ciki na HTML. Duk da haka, zaka iya dakatar da wannan hali ta hanyar saita useDangerouslySetInnerHTML zuwa false.

Ana ba da shawarar ƙwarai a kashe nunin HTML lokacin fassara abubuwan da ba a yarda da su ba, kamar abubuwan da masu amfani suka ƙirƙira.

Ana tsarkake duk fitarwa koyaushe tare da sanitize-html kafin a nuna su.

import {Translate} from 'tacotranslate/react';

function Page() {
	return (
		<Translate
			string={`
				Welcome to <strong>my</strong> website.
				I’m using <a href="{{url}}">TacoTranslate</a> to translate text.
			`}
			variables={{url: 'https://tacotranslate.com'}}
			useDangerouslySetInnerHTML={false}
		/>
	);
}

Za a nuna misalin da ke sama a matsayin rubutu tsantsa.

Nuni a ɓangaren uwar garke

Amfani da TacoTranslate

Yadda ake fassara kirtani

Amfani da tushen

Sarrafa canje-canje

Gudanar da abun ciki na HTML