ሰነድ: የተሻለ አጠቃቀም

የውሃ ደረጃ አጠቃቀም

Amharic

ቀኝ እስከ ግራ ቋንቋዎችን ማስተካከል

TacoTranslate በእንቅስቃሴ ላይ ያሉ መተግበሪያዎችዎ ውስጥ እንደ ዓረብኛና ዕብራይስ ያሉ ከቀኝ ወደ ግራ (RTL) ቋንቋዎች ድጋፍ መስጠት ቀላል እንዲሆን ያደርጋል። የRTL ቋንቋዎችን ትክክለኛ እንደገና ማንበብ እንዲከናወን በበጎ ሁኔታ መንቀሳቀስ ያስፈልጋል።

import {useTacoTranslate} from 'tacotranslate/react';

function Document() {
	const {locale, isRightToLeft} = useTacoTranslate();

	return (
		<html lang={locale} dir={isRightToLeft ? 'rtl' : 'ltr'}>
			<body>
				// ...
			</body>
		</html>
	);
}

እንዲሁም የተሰጠውን isRightToLeftLocaleCode ተግባር በመጠቀም ከ React ውጪ ያለውን አሁን ያለውን ቋንቋ ማረጋገጥ ትችላለህ።

import {isRightToLeftLocaleCode} from 'tacotranslate';

function foo(locale = 'es') {
	const direction = isRightToLeftLocaleCode(locale) ? 'rtl' : 'ltr';
	// ...
}

ትርጉም መሰነዝ

ለስምምነት አካላት የተለየ ትርጉም እንዳይሰጥ ወይም ተወላጅ ክፍሎች እንደሚኖሩ ለማረጋገጥ፣ ሶስት አካባቢ ቁጥሮችን መጠቀም እንችላለን። ይህ ባህሪ የስሞች፣ ቴክኒካዊ ቃላት ወይም አንድ ማንኛውም ሌላ የማይተረጉም ይዘት የመደበኛ ቅርጸት ለማስቀምጠት ተጠቃሚ ነው።

import {Translate} from 'tacotranslate/react';

function Component() {
	return (
		<Translate string="Hello, [[[TacoTranslate]]]!" />
	);
}

በዚህ ምሳሌ ውስጥ ቃሉ “TacoTranslate” በተተርጎም ውስጥ እንደነበረው ይቀራል።

ብዙ የTacoTranslate አቅራቢዎች

እኛ በጣም እንመኛለን የተለያዩ TacoTranslate አቅራቢዎችን በመተግበር በመተግበራችሁ ውስጥ። ይህ ትርጉሞቻችሁን እና ቁምፊዎቻችሁን ወደ ተለያዩ ምንጮች እንደ ራስጌ፣ ከፍታ ወይም በተለያዩ ክፍሎች ለመደሰት ጠቃሚ ነው።

ይህን አጠቃቀም በሚከተለው ሊንክ በዝርዝር ይተምሩ።

TacoTranslate አቅራቢዎች ከማንኛውም የወላጅ አቅራቢ ቅንብሮች ተወላጅ ስለሆኑ ሌሎች ቅንብሮችን መድገም አያስፈልግህም።

import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate} from 'tacotranslate/react';

const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});

function Header() {
	return (
		<TacoTranslate origin="header">
			// ...
		</TacoTranslate>
	);
}

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

export default function App() {
	return (
		<TacoTranslate client={tacoTranslateClient} origin="page" locale="es">
			<Header />
			<Menu />
		</TacoTranslate>
	);
}

መሠረት ወይም አካባቢ መቀየር

በተጨማሪ ለሚጠቀሙት የ TacoTranslate አቅራቢዎች በተጨማሪ፣ በ Translate ኮምፖነንት እና useTranslation ሁኮች ደረጃዎች ላይ ምንጭና ቋንቋ ደረጃ መተካት ደግሞ ትችላለህ።

import {Translate, useTranslation} from 'tacotranslate/react';

function Greeting() {
	const spanishHello = useTranslation('Hello!', {locale: 'es'});

	return (
		<>
			{spanishHello}
			<Translate string="What’s up?" origin="greeting" />
		</>
	);
}

ጭነት ማስተካከያ

በክላይንት በማለቀቅ ላይ ቋንቋዎችን ሲቀይሩ፣ ትርጉሞችን መሰብሰብ ከተጠቃሚው ግንኙነት መሠረት ጥቂት ጊዜ ሊወስድ ይችላል። በማቀደ ጊዜ የሚሰጥበትን ማስታወቂያ በማሳየት የተጠቃሚውን ተሞክሮ ለማሻሻል ትችላለህ።

import {useTacoTranslate} from 'tacotranslate/react';

function Component() {
	const {isLoading} = useTacoTranslate();

	return (
		isLoading ? 'Translations are loading...' : null
	);
}

ብዛት ማስተካከያ

በተለያዩ ቋንቋዎች ብዛት ማካተትን በትክክል ለመከተልና በቁጥር የተመሰረቱ ምልክቶችን ለመሳያ መልእክት እንዲታይ የሚያደርገው እርምጃ እንደሚታወቀው ይህ ከፍተኛ ልምድ ነው፡፡

import {Translate, useLocale} from 'tacotranslate/react';

function PhotoCount() {
	const locale = useLocale();
	const count = 1;

	return count === 0 ? (
		<Translate string="You have no photos." />
	) : count === 1 ? (
		<Translate string="You have 1 photo." />
	) : (
		<Translate
			string="You have {{count}} photos."
			variables={{count: count.toLocaleString(locale)}}
		/>
	);
}

ብዙ ቋንቋዎች

በአንደኛው መተግበሪያ ውስጥ በተያያዘ ቋንቋዎች በተደጋጋሚ መድገም ይቻላል፣ እንደ ታች የተገለጸው በተለያዩ locale እሴቶች በመጠቀም በርካታ TacoTranslate አቅራቢዎችን መጠቀም ትችላለህ።

ማንኛውንም ጊዜ የ locale አማራጭን በኮምፖነንት ወይም ሀክ ደረጃ ላይ ማቀየር ይችላሉ።

import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate, Translate} from 'tacotranslate/react';

const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});

function Spanish() {
	return (
		<TacoTranslate locale="es">
			<Translate string="Hello, world in Spanish!" />
		</TacoTranslate>
	);
}

function Norwegian() {
	return (
		<TacoTranslate locale="no">
			<Translate string="Hello, world in Norwegian!" />
		</TacoTranslate>
	);
}

export default function App() {
	return (
		<TacoTranslate client={tacoTranslateClient} origin="page" locale="es">
			<Spanish />
			<Norwegian />
		</TacoTranslate>
	);
}

ወደ Translate ክፍል ለአንደኛው ሀረግ በተለያዩ ትርጉሞች ወይም እንዲሁም ለተለያዩ ትክክለኛ ትርጉሞች ለማድረግ እርስዎ id ማካተት ይችላሉ። ይህ በተለይም አንደኛው ጽሑፍ በሁሉም ሁኔታ ትርጉሞች ሲጠይቅ ጥቅም አለው። በተለየ መለያ መሰየም በትክክል እያንዳንዱ የጽሑፍ አካል መሰረቱን ትርጉም በትክክል እንዲተረጉም እርስዎን ያረጋግጣል።

import {Translate} from 'tacotranslate/react';

function Header() {
	return (
		<Translate id="header" string="Login" />
	);
}

function Footer() {
	return (
		<Translate id="footer" string="Login" />
	);
}

ለምሳሌ፣ የራስ ማውጫ መግቢያ ሊተረጉም ይችላል “Iniciar sesión” እና የቅጥ አጠገብ መግቢያ ሊተረጉም ይችላል “Acceder” በስፓኒሽ ቋንቋ።

ምርጥ ተግባራት