@intlayer/docs 9.4.0-canary.0 → 9.4.1

package/docs/tr/formatters.md

@@ -48,46 +48,16 @@ Intlayer, yerel `Intl` API'leri üzerine inşa edilmiş hafif yardımcılar küm
 
 ## Önbelleğe Alınmış Intl
 
-Dışa aktarılan `Intl`, global `Intl` etrafında ince, önbelleğe alınmış bir sarmalayıcıdır. `NumberFormat`, `DateTimeFormat`, `RelativeTimeFormat`, `ListFormat`, `DisplayNames`, `Collator` ve `PluralRules` örneklerini önbelleğe alır, bu da aynı biçimlendiriciyi tekrar tekrar yeniden oluşturmaktan kaçınır.
-
 Biçimlendirici yapımı nispeten pahalı olduğundan, bu önbelleğe alma davranış değiştirmeden performansı iyileştirir. Sarmalayıcı yerel `Intl` ile aynı API'yi gösterir, bu yüzden kullanım aynıdır.
 
-- Önbelleğe alma işlem başına şeffaftır ve arayanlara görünmez.
-
 > Eğer `Intl.DisplayNames` ortamda mevcut değilse, tek bir dev-only uyarısı yazdırılır (polyfill düşünün).
 
 Örnekler:
 
-```ts
-import { Intl } from "intlayer";
-
-// Sayı biçimlendirme
-const numberFormat = new Intl.NumberFormat("en-GB", {
-  style: "currency",
-  currency: "GBP",
-});
-numberFormat.format(1234.5); // "£1,234.50"
-
-// Diller, bölgeler vb. için görünen adlar
-const displayNames = new Intl.DisplayNames("fr", { type: "language" });
-displayNames.of("en"); // "anglais"
-
-// Sıralama için karşılaştırma
-const collator = new Intl.Collator("fr", { sensitivity: "base" });
-collator.compare("é", "e"); // 0 (eşit)
-
-// Çoğul kuralları
-const pluralRules = new Intl.PluralRules("fr");
-pluralRules.select(1); // "one"
-pluralRules.select(2); // "other"
-```
-
 ## Yerel Ayar Yardımcıları
 
 ### `getLocaleFromPath(inputUrl)`
 
-Bir URL veya yol adından yerel ayar segmentini çıkarır:
-
 ```ts
 import { getLocaleFromPath } from "intlayer";
 
@@ -97,29 +67,16 @@ getLocaleFromPath("/dashboard"); // "en" (varsayılan yerel ayar)
 getLocaleFromPath("https://example.com/es/about"); // "es"
 ```
 
-- **inputUrl**: İşlenecek tam URL dizesi veya yol adı
-- **returns**: Algılanan yerel ayar veya yerel ayar bulunamazsa varsayılan yerel ayar
-
 ### `getPathWithoutLocale(inputUrl, locales?)`
 
 Bir URL veya yol adından yerel ayar segmentini kaldırır:
 
-```ts
-import { getPathWithoutLocale } from "intlayer";
-
-getPathWithoutLocale("/en/dashboard"); // "/dashboard"
-getPathWithoutLocale("/fr/dashboard"); // "/dashboard"
-getPathWithoutLocale("https://example.com/en/about"); // "https://example.com/about"
-```
-
 - **inputUrl**: İşlenecek tam URL dizesi veya yol adı
 - **locales**: İsteğe bağlı desteklenen yerel ayarlar dizisi (varsayılan olarak yapılandırılmış yerel ayarlar)
 - **returns**: Yerel ayar segmenti olmadan URL
 
 ### `getLocalizedUrl(url, currentLocale, locales?, defaultLocale?, prefixDefault?)`
 
-Mevcut yerel ayar için yerelleştirilmiş bir URL oluşturur:
-
 ```ts
 import { getLocalizedUrl } from "intlayer";
 
@@ -128,12 +85,6 @@ getLocalizedUrl("/about", "en", ["en", "fr"], "en", false); // "/about"
 getLocalizedUrl("https://example.com/about", "fr", ["en", "fr"], "en", true); // "https://example.com/fr/about"
 ```
 
-- **url**: Yerelleştirilecek orijinal URL
-- **currentLocale**: Mevcut yerel ayar
-- **locales**: İsteğe bağlı desteklenen yerel ayarlar dizisi (varsayılan olarak yapılandırılmış yerel ayarlar)
-- **defaultLocale**: İsteğe bağlı varsayılan yerel ayar (varsayılan olarak yapılandırılmış varsayılan yerel ayar)
-- **prefixDefault**: Varsayılan yerel ayarın öneklenip öneklenmeyeceği (varsayılan olarak yapılandırılmış değer)
-
 ### `getHTMLTextDir(locale?)`
 
 Bir yerel ayar için metin yönünü döndürür:
@@ -146,15 +97,10 @@ getHTMLTextDir("ar"); // "rtl"
 getHTMLTextDir("he"); // "rtl"
 ```
 
-- **locale**: Metin yönünün alınacağı yerel ayar (varsayılan olarak mevcut yerel ayar)
-- **returns**: `"ltr"`, `"rtl"` veya `"auto"`
-
 ## İçerik İşleme Yardımcıları
 
 ### `getContent(node, nodeProps, locale?)`
 
-Bir içerik düğümünü tüm kullanılabilir eklentilerle dönüştürür (çeviri, numaralandırma, ekleme vb.):
-
 ```ts
 import { getContent } from "intlayer";
 
@@ -165,36 +111,16 @@ const content = getContent(
 );
 ```
 
-- **node**: Dönüştürülecek içerik düğümü
-- **nodeProps**: Dönüşüm bağlamı için özellikler
-- **locale**: İsteğe bağlı yerel ayar (varsayılan olarak yapılandırılmış varsayılan yerel ayar)
-
 ### `getTranslation(languageContent, locale?, fallback?)`
 
 Bir dil içerik nesnesinden belirli bir yerel ayar için içerik çıkarır:
 
-```ts
-import { getTranslation } from "intlayer";
-
-const content = getTranslation(
-  {
-    en: "Hello",
-    fr: "Bonjour",
-    de: "Hallo",
-  },
-  "fr",
-  true
-); // "Bonjour"
-```
-
 - **languageContent**: Yerel ayarları içeriğe eşleyen nesne
 - **locale**: Hedef yerel ayar (varsayılan olarak yapılandırılmış varsayılan yerel ayar)
 - **fallback**: Varsayılan yerel ayara geri dönülüp dönülmeyeceği (varsayılan olarak true)
 
 ### `getIntlayer(dictionaryKey, locale?, plugins?)`
 
-Bir anahtara göre sözlükten içerik alır ve dönüştürür:
-
 ```ts
 import { getIntlayer } from "intlayer";
 
@@ -202,10 +128,6 @@ const content = getIntlayer("common", "fr");
 const nestedContent = getIntlayer("common", "fr", customPlugins);
 ```
 
-- **dictionaryKey**: Alınacak sözlüğün anahtarı
-- **locale**: İsteğe bağlı yerel ayar (varsayılan olarak yapılandırılmış varsayılan yerel ayar)
-- **plugins**: İsteğe bağlı özel dönüşüm eklentileri dizisi
-
 ### `getIntlayerAsync(dictionaryKey, locale?, plugins?)`
 
 Uzak bir sözlükten eşzamansız olarak içerik alır:
@@ -216,25 +138,12 @@ import { getIntlayerAsync } from "intlayer";
 const content = await getIntlayerAsync("common", "fr");
 ```
 
-- **dictionaryKey**: Alınacak sözlüğün anahtarı
-- **locale**: İsteğe bağlı yerel ayar (varsayılan olarak yapılandırılmış varsayılan yerel ayar)
-- **plugins**: İsteğe bağlı özel dönüşüm eklentileri dizisi
-
 ## Biçimlendiriciler
 
 Aşağıdaki tüm yardımcılar `intlayer`'dan dışa aktarılır.
 
 ### `percentage(value, options?)`
 
-Bir sayıyı yüzde dizesi olarak biçimlendirir.
-
-Davranış: 1'den büyük değerler tam yüzdeler olarak yorumlanır ve normalleştirilir (ör. `25` → `25%`, `0.25` → `25%`).
-
-- **value**: `number | string`
-- **options**: `Intl.NumberFormatOptions & { locale?: LocalesValues }`
-
-Örnekler:
-
 ```ts
 import { percentage } from "intlayer";
 
@@ -430,13 +339,6 @@ pluralRules.select(11); // "many"
 
 ### `list(values, options?)`
 
-Değerler dizisini `Intl.ListFormat` kullanarak yerelleştirilmiş liste dizesine biçimlendirir.
-
-- **values**: `(string | number)[]`
-- **options**: `Intl.ListFormatOptions & { locale?: LocalesValues }`
-  - Yaygın alanlar: `type` (`"conjunction" | "disjunction" | "unit"`), `style` (`"long" | "short" | "narrow"`)
-  - Varsayılanlar: `type: 'conjunction'`, `style: 'long'`
-
 Örnekler:
 
 ```ts
@@ -485,49 +387,6 @@ getPathWithoutLocale("/fr/dashboard"); // "/dashboard"
 
 İstemci bileşenleri:
 
-```tsx
-import {
-  useNumber,
-  useCurrency,
-  useDate,
-  usePercentage,
-  useCompact,
-  useList,
-  useRelativeTime,
-  useUnit,
-} from "react-intlayer/format";
-// veya Preact uygulamalarında
-// "preact-intlayer/format";
-// veya Next.js uygulamalarında
-// "next-intlayer/client/format";
-
-const MyComponent = () => {
-  const number = useNumber();
-  const currency = useCurrency();
-  const date = useDate();
-  const percentage = usePercentage();
-  const compact = useCompact();
-  const list = useList();
-  const relativeTime = useRelativeTime();
-  const unit = useUnit();
-
-  return (
-    <div>
-      <p>{number(123456.789)}</p>
-      <p>{currency(1234.5, { currency: "EUR" })}</p>
-      <p>{date(new Date(), "short")}</p>
-      <p>{percentage(0.25)}</p>
-      <p>{compact(1200)}</p>
-      <p>{list(["apple", "banana", "orange"])}</p>
-      <p>{relativeTime(new Date(), new Date() + 1000)}</p>
-      <p>{unit(123456.789, { unit: "kilometer" })}</p>
-    </div>
-  );
-};
-```
-
-Sunucu bileşenleri (veya React Server çalışma zamanı):
-
 ```ts
 import {
   useNumber,
@@ -552,8 +411,6 @@ import {
 } from "next-intlayer/server/format";
 ```
 
-> Bu kancalar `IntlayerProvider` veya `IntlayerServerProvider`'dan yerel ayarı dikkate alacaktır
-
 ### `getHTMLTextDir(locale?)`
 
 Bir locale için metin yönünü döndürür:
@@ -585,8 +442,6 @@ import {
 } from "vue-intlayer/format";
 ```
 
-> Bu composable'lar enjekte edilen `IntlayerProvider`'dan yerel ayarı dikkate alacaktır
-
 ### `getTranslation(languageContent, locale?, fallback?)`
 
 Belirli bir locale için içeriği çıkarır:

package/docs/tr/intlayer_visual_editor.md

@@ -85,6 +85,16 @@ pnpm add intlayer-editor --save-dev
 bun add intlayer-editor --dev
 ```
 
+`--with` bayrağı ile editörü başka bir komutla paralel olarak başlatabilirsiniz:
+
+```json5 fileName="package.json"
+{
+  "scripts": {
+    "start:editor": "npx intlayer-editor start --with 'next dev --turbopack'",
+  },
+}
+```
+
 ## Yapılandırma
 
 Intlayer yapılandırma dosyanızda düzenleyici ayarlarını özelleştirebilirsiniz:
@@ -146,6 +156,8 @@ export default config;
 
    > **Uygulamanızı paralel olarak çalıştırmanız gerektiğini unutmayın.** Uygulama URL'si düzenleyici yapılandırmasında ayarladığınızla eşleşmelidir (`applicationURL`).
 
+> **Komutun `intlayer` paketi tarafından yeniden ihraç edildiğini unutmayın. Bunun yerine `npx intlayer editor start` komutunu kullanabilirsiniz.**
+
 2. Ardından, sağlanan URL'yi açın. Varsayılan olarak `http://localhost:8000`.
 
    İmlecinizi içeriğinizin üzerine getirerek Intlayer tarafından indekslenen her alanı görüntüleyebilirsiniz.

package/docs/tr/intlayer_with_adonisjs.md

@@ -258,9 +258,11 @@ import { Locales, type IntlayerConfig } from "intlayer";
 
 const config: IntlayerConfig = {
   // ... Diğer yapılandırma seçenekleri
-  middleware: {
-    headerName: "my-locale-header",
-    cookieName: "my-locale-cookie",
+  routing: {
+    storage: [
+      { type: "header", name: "my-locale-header" },
+      { type: "cookie", name: "my-locale-cookie" },
+    ],
   },
 };
 

package/docs/tr/intlayer_with_analog.md

@@ -405,6 +405,8 @@ Bu eklenti şunları sağlar:
 
 Eklentinin nasıl kullanılacağına dair daha fazla ayrıntı için [Intlayer VS Code Eklentisi dokümantasyonuna](https://intlayer.org/doc/vs-code-extension) bakın.
 
+---
+
 ### Daha Fazlasını Öğrenin
 
 Daha ileri gitmek için, [visual editor](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/intlayer_visual_editor.md) uygulayabilir veya içeriğinizi [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/intlayer_CMS.md) kullanarak dışsallaştırabilirsiniz.

package/docs/tr/intlayer_with_astro.md

@@ -122,6 +122,30 @@ GitHub'daki [uygulama şablonuna](https://github.com/aymericzip/intlayer-astro-t
 
 Tercih ettiğiniz paket yöneticisini kullanarak gerekli paketleri yükleyin:
 
+```bash packageManager="npm"
+npx intlayer init --interactive
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer@canary init --interactive
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer@canary init --interactive
+```
+
+```bash packageManager="bun"
+bunx intlayer@canary init --interactive
+```
+
+> `--interactive` bayrağı isteğe bağlıdır. Bir AI aracısıysanız `intlayer-cli init` komutunu kullanın.
+
+> Bu komut ortamınızı algılayacak ve gerekli paketleri yükleyecektir. Örneğin:
+
+```bash packageManager="npm"
+npm install intlayer astro-intlayer
+```
+
 ```bash packageManager="npm"
 npm install intlayer astro-intlayer
 # opsiyonel: React islands desteği eklemek isterseniz
@@ -457,8 +481,91 @@ Seçtiğiniz framework'ü kullanarak uygulamanızı oluşturmaya devam edin.
 
 <Step number={15} title="Bağımlılıkları Yükleyin">
 
+Mevcut bir codebase'iniz varsa, binlerce dosyayı dönüştürmek zaman alıcı olabilir.
+
+Bu süreci kolaylaştırmak için Intlayer, bileşenlerinizi dönüştürmek ve içeriği çıkarmak için bir [compiler](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/compiler.md) / [extractor](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/cli/extract.md) sunmaktadır.
+
+Bunu ayarlamak için `intlayer.config.ts` dosyanıza bir `compiler` bölümü ekleyebilirsiniz:
+
+```typescript fileName="intlayer.config.ts" codeFormat={["typescript", "esm", "commonjs"]}
+import { type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  // ... Kalan yapılandırmanız
+  compiler: {
+    /**
+     * Derleyicinin etkinleştirilip etkinleştirilmeyeceğini gösterir.
+     */
+    enabled: true,
+
+    /**
+     * Çıktı dosyalarının yolunu tanımlar
+     */
+    output: ({ fileName, extension }) => `./${fileName}${extension}`,
+
+    /**
+     * Bileşenlerin dönüştürüldükten sonra kaydedilip kaydedilmeyeceğini gösterir.
+     *
+     * - `true` ise, derleyici bileşen dosyasını diske yeniden yazacaktır. Bu nedenle dönüştürme kalıcı olacak ve derleyici bir sonraki işlem için dönüştürmeyi atlayacaktır. Bu şekilde, derleyici uygulamayı dönüştürebilir ve ardından kaldırılabilir.
+     *
+     * - `false` ise, derleyici `useIntlayer()` işlev çağrısını yalnızca build çıktısında koda enjekte edecek ve temel codebase'i bozulmamış tutacaktır. Dönüştürme yalnızca bellekte yapılacaktır.
+     */
+    saveComponents: false,
+
+    /**
+     * Sözlük anahtarı öneki
+     */
+    dictionaryKeyPrefix: "",
+  },
+};
+
+export default config;
+```
+
+<Tabs>
+ <Tab value='Extract command'>
+
+Çıkartıcıyı çalıştırarak bileşenlerinizi dönüştürün ve içeriği çıkarın
+
+```bash packageManager="npm"
+npx intlayer extract
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer extract
+```
+
+```bash packageManager="yarn"
+yarn intlayer extract
+```
+
+```bash packageManager="bun"
+bun x intlayer extract
+```
+
+ </Tab>
+ <Tab value='Babel compiler'>
+
+> v9 sürümünden itibaren, `intlayerCompiler` `intlayer` eklentisine dahil edilmiştir. Bu nedenle bunu manuel olarak eklemeniz gerekmez.
+
 Tercih ettiğiniz paket yöneticisini kullanarak gerekli paketleri yükleyin:
 
+```ts fileName="vite.config.ts"
+import { defineConfig } from "vite";
+import { intlayer, intlayerCompiler } from "vite-intlayer";
+
+export default defineConfig({
+  plugins: [
+    intlayer(),
+    intlayerCompiler(), // Compiler eklentisini ekler
+  ],
+});
+```
+
+```bash packageManager="npm"
+npm run build # Veya npm run dev
+```
+
 ```bash packageManager="npm"
 npm install intlayer astro-intlayer
 # opsiyonel: React islands desteği eklemek isterseniz

package/docs/tr/intlayer_with_astro_lit.md

@@ -333,6 +333,14 @@ const { greeting } = getIntlayer("lit-demo", locale);
 </script>
 ```
 
+> İçeriğinizi `alt`, `title`, `href`, `aria-label` gibi `string` bir öznitelikte kullanmak istiyorsanız, işlevin değerini şu şekilde kullanabilirsiniz:
+
+> ```html
+> <img src="{content.image.src.value}" alt="{content.image.value}" />
+> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
+> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
+> ```
+
 > **Yönlendirme Kurulumu Hakkında Not:**
 > Kullandığınız dizin yapısı, `intlayer.config.ts` dosyasındaki `middleware.routing` ayarına bağlıdır:
 >
@@ -672,14 +680,6 @@ Bunu yapmak için `.gitignore` dosyanıza aşağıdaki talimatları ekleyin:
 .intlayer
 ```
 
-> İçeriğinizi `alt`, `title`, `href`, `aria-label` vb. gibi bir `dize` (string) özniteliğinde kullanmak istiyorsanız, işlevin değerini şu şekilde kullanabilirsiniz:
-
-> ```html
-> <img src="{content.image.src.value}" alt="{content.image.value}" />
-> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
-> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
-> ```
-
 ### VS Code Uzantısı
 
 Intlayer ile geliştirme deneyiminizi iyileştirmek için **resmi Intlayer VS Code uzantısını** yükleyebilirsiniz.

package/docs/tr/intlayer_with_astro_preact.md

@@ -328,6 +328,14 @@ const { title } = getIntlayer("app", locale);
 </html>
 ```
 
+> İçeriğinizi bir `string` özniteliğinde, örneğin `alt`, `title`, `href`, `aria-label`, vb. kullanmak istiyorsanız, işlevin değerini şu şekilde kullanabilirsiniz:
+
+> ```html
+> <img src="{content.image.src.value}" alt="{content.image.value}" />
+> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
+> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
+> ```
+
 > **Yönlendirme Kurulumu Hakkında Not:**
 > Kullandığınız dizin yapısı, `intlayer.config.ts` dosyasındaki `middleware.routing` ayarına bağlıdır:
 >
@@ -594,6 +602,12 @@ bun run build # Or bun run dev
 
 ### TypeScript Yapılandırması
 
+Intlayer module augmentation kullanarak TypeScript'in faydalarından yararlanır ve codebase'inizi güçlendirir.
+
+![Autocompletion](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)
+
+![Çeviri hatası](https://github.com/aymericzip/intlayer/blob/main/docs/assets/translation_error.png?raw=true)
+
 Intlayer, kod tabanınızı daha sağlam hale getirmek için TypeScript'ten yararlanmak amacıyla modül artırımı (module augmentation) kullanır. TypeScript yapılandırmanızın otomatik olarak oluşturulan türleri içerdiğinden ve Preact için yapılandırıldığından emin olun:
 
 ```json5 fileName="tsconfig.json"
@@ -621,14 +635,6 @@ Bunu yapmak için `.gitignore` dosyanıza aşağıdaki talimatları ekleyin:
 .intlayer
 ```
 
-> İçeriğinizi `alt`, `title`, `href`, `aria-label` vb. gibi bir `dize` (string) özniteliğinde kullanmak istiyorsanız, işlevin değerini şu şekilde kullanabilirsiniz:
-
-> ```html
-> <img src="{content.image.src.value}" alt="{content.image.value}" />
-> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
-> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
-> ```
-
 ### VS Code Uzantısı
 
 Intlayer ile geliştirme deneyiminizi iyileştirmek için **resmi Intlayer VS Code uzantısını** yükleyebilirsiniz.

package/docs/tr/intlayer_with_astro_react.md

@@ -328,6 +328,14 @@ const { title } = getIntlayer("app", locale);
 </html>
 ```
 
+> İçeriğinizi `alt`, `title`, `href`, `aria-label` gibi bir `string` özniteliğinde kullanmak istiyorsanız, işlevin değerini şu şekilde kullanabilirsiniz:
+
+> ```html
+> <img src="{content.image.src.value}" alt="{content.image.value}" />
+> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
+> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
+> ```
+
 > **Yönlendirme Kurulumu Hakkında Not:**
 > Kullandığınız dizin yapısı, `intlayer.config.ts` dosyasındaki `middleware.routing` ayarına bağlıdır:
 >
@@ -619,14 +627,6 @@ Bunu yapmak için `.gitignore` dosyanıza aşağıdaki talimatları ekleyin:
 .intlayer
 ```
 
-> İçeriğinizi `alt`, `title`, `href`, `aria-label` vb. gibi bir `dize` (string) özniteliğinde kullanmak istiyorsanız, işlevin değerini şu şekilde kullanabilirsiniz:
-
-> ```html
-> <img src="{content.image.src.value}" alt="{content.image.value}" />
-> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
-> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
-> ```
-
 ### VS Code Uzantısı
 
 Intlayer ile geliştirme deneyiminizi iyileştirmek için **resmi Intlayer VS Code uzantısını** yükleyebilirsiniz.

package/docs/tr/intlayer_with_astro_solid.md

@@ -324,6 +324,14 @@ const { title } = getIntlayer("app", locale);
 </html>
 ```
 
+> İçeriğinizi `alt`, `title`, `href`, `aria-label` gibi bir `string` özniteliğinde kullanmak istiyorsanız, işlevin değerini şöyle kullanabilirsiniz:
+
+> ```html
+> <img src="{content.image.src.value}" alt="{content.image.value}" />
+> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
+> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
+> ```
+
 > **Yönlendirme Kurulumu Hakkında Not:**
 > Kullandığınız dizin yapısı, `intlayer.config.ts` dosyasındaki `middleware.routing` ayarına bağlıdır:
 >
@@ -619,14 +627,6 @@ Bunu yapmak için `.gitignore` dosyanıza aşağıdaki talimatları ekleyin:
 .intlayer
 ```
 
-> İçeriğinizi `alt`, `title`, `href`, `aria-label` vb. gibi bir `dize` (string) özniteliğinde kullanmak istiyorsanız, işlevin değerini şu şekilde kullanabilirsiniz:
-
-> ```html
-> <img src="{content.image.src.value}" alt="{content.image.value}" />
-> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
-> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
-> ```
-
 ### VS Code Uzantısı
 
 Intlayer ile geliştirme deneyiminizi iyileştirmek için **resmi Intlayer VS Code uzantısını** yükleyebilirsiniz.

package/docs/tr/intlayer_with_astro_svelte.md

@@ -324,6 +324,14 @@ const { title } = getIntlayer("app", locale);
 </html>
 ```
 
+> İçeriğinizi `alt`, `title`, `href`, `aria-label` gibi bir `string` özniteliğinde kullanmak istiyorsanız, fonksiyonun değerini şu şekilde kullanabilirsiniz:
+
+> ```html
+> <img src="{content.image.src.value}" alt="{content.image.value}" />
+> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
+> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
+> ```
+
 > **Yönlendirme Kurulumu Hakkında Not:**
 > Kullandığınız dizin yapısı, `intlayer.config.ts` dosyasındaki `middleware.routing` ayarına bağlıdır:
 >
@@ -623,14 +631,6 @@ Bunu yapmak için `.gitignore` dosyanıza aşağıdaki talimatları ekleyin:
 .intlayer
 ```
 
-> İçeriğinizi `alt`, `title`, `href`, `aria-label` vb. gibi bir `dize` (string) özniteliğinde kullanmak istiyorsanız, işlevin değerini şu şekilde kullanabilirsiniz:
-
-> ```html
-> <img src="{content.image.src.value}" alt="{content.image.value}" />
-> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
-> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
-> ```
-
 ### VS Code Uzantısı
 
 Intlayer ile geliştirme deneyiminizi iyileştirmek için **resmi Intlayer VS Code uzantısını** yükleyebilirsiniz.

package/docs/tr/intlayer_with_astro_vanilla.md

@@ -348,6 +348,14 @@ const { greeting, description, switchLocale } = getIntlayer("app", locale);
 </html>
 ```
 
+> İçeriğinizi `alt`, `title`, `href`, `aria-label` gibi bir `string` özniteliğinde kullanmak istiyorsanız, işlevin değerini şu şekilde kullanabilirsiniz:
+
+> ```html
+> <img src="{content.image.src.value}" alt="{content.image.value}" />
+> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
+> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
+> ```
+
 > **Yönlendirme Kurulumu Hakkında Not:**
 > Kullandığınız dizin yapısı, `intlayer.config.ts` dosyasındaki `middleware.routing` ayarına bağlıdır:
 >
@@ -597,14 +605,6 @@ Bunu yapmak için `.gitignore` dosyanıza aşağıdaki talimatları ekleyin:
 .intlayer
 ```
 
-> İçeriğinizi `alt`, `title`, `href`, `aria-label` vb. gibi bir `dize` (string) özniteliğinde kullanmak istiyorsanız, işlevin değerini şu şekilde kullanabilirsiniz:
-
-> ```html
-> <img src="{content.image.src.value}" alt="{content.image.value}" />
-> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
-> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
-> ```
-
 ### VS Code Uzantısı
 
 Intlayer ile geliştirme deneyiminizi iyileştirmek için **resmi Intlayer VS Code uzantısını** yükleyebilirsiniz.