Takardun Bayani: Amfani da TacoTranslate

Amfani da TacoTranslate

Hausa

Fassara ƙirar rubutu

A halin yanzu akwai hanyoyi guda uku don fassara rubutu: Translate sashi, (useTranslation maɓallin, ko kuma translateEntries kayan aiki.

Amfani da Translate ɓangaren.
Yana fitar da fassarar cikin wani span sashi, kuma yana tallafawa nuna HTML.

import {Translate} from 'tacotranslate/react';

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

Kuna iya canza nau’in abubuwan ta amfani da, misali, as="p" a kan bangaren.

Amfani da useTranslation hook.
Yana dawo da fassara a matsayin rubutu kai tsaye. Yana da amfani a misali, meta tags.

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 translateEntries kayan aiki.
Fassara igiyoyi a gefen uwar garke. Kara ƙarfin hotunan OpenGraph ɗinku.

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 kalmomi suka iso ga sabobinmu, muna fara tabbatarwa da adana su, sannan nan da nan muna mayar da fassarar na'ura. Duk da cewa fassarorin na'ura gabaɗaya suna da ƙasa da inganci idan aka kwatanta da fassarorin AI ɗinmu, suna ba da amsa cikin sauri a farkon lokaci.

A lokaci guda, muna fara aikin fassarar asynchronous don ƙirƙirar fassarar AI mai inganci sosai, na zamani don layin rubutun ku. Da zarar fassarar AI ta shirye, za ta maye gurbin fassarar na'ura kuma za a tura ta duk lokacin da kuka nemi fassarar layin rubutunku.

Idan ka fassara wani rubutu da hannu, waɗancan fassarar suke da fifiko kuma za a mayar da su maimakon haka.

Amfani da asali

Ayyukan TacoTranslate suna dauke da abin da muke kira asali. Ka dauke su a matsayin wuraren shiga, fayiloli, ko ƙungiyoyi don rubutun ka da fassarar su.

import {TacoTranslate} from 'tacotranslate/react';

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

Asalin sun ba ka damar raba jumloli cikin kwantena masu ma’ana. Misali, za ka iya samun asali guda ɗaya don takardun bayani kuma wani don shafin talla naka.

Domin samun cikakken iko, zaka iya saita origins a matakin sashi.

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

Da fatan a lura cewa ana iya samun fassarar daban-daban ga wannan jimla a wurare daban-daban.

A ƙarshe, yadda kake rabawa kalmomi cikin asali ya danganta da kai da bukatunka. Duk da haka, ka lura cewa samun kalmomi da yawa a cikin asali guda ɗaya na iya ƙara lokacin lodawa.

Sarrafa canje-canje

Ya kamata a koyaushe ka yi amfani da variables don abun ciki mai motsi, kamar sunayen masu amfani, kwanakin lokaci, adireshin imel, da sauransu.

Ana bayyana ƙayyadaddun canje-canje a cikin ƙaƙƙarfan rubutu ta amfani da ƙaramin ƙaramin kusurwa 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}});
}

Sarrafa abun ciki na HTML

A matsayin tsoho, Translate bangare yana tallafawa kuma yana nuna abun cikin HTML. Duk da haka, zaka iya fita daga wannan halayyar ta hanyar saita useDangerouslySetInnerHTML zuwa false.

Ana ba da shawarar sosai a kashe nuna HTML lokacin fassara abun da ba a yarda da shi ba, kamar abun da masu amfani suka kirkira.

Duk fitarwa ana tsarkake ta koyaushe tare da sanitize-html kafin a nuna ta.

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 tsaye.

Nunin ɓangaren uwar garke

Amfani da TacoTranslate

Yadda ake fassara kirtani

Amfani da asali

Sarrafa canje-canje

Sarrafa abun ciki na HTML