@intlayer/docs 9.4.2 → 9.4.3

package/blog/tr/is_vue-i18n_outdated.md

@@ -0,0 +1,338 @@
+---
+createdAt: 2026-09-02
+updatedAt: 2026-09-02
+title: vue-i18n 2026'da Güncelliğini Yitirdi mi?
+description: vue-i18n on yıl boyunca Vue ve Nuxt uygulamalarının standardı oldu. Fakat benchmarklarımızda web üzerindeki en ağır i18n çalışma zamanı çıktı. İşte nedenleri.
+keywords:
+  - vue-i18n
+  - Intlayer
+  - Uluslararasılaştırma
+  - i18n
+  - Vue
+  - Nuxt
+  - Paket boyutu
+  - Blog
+slugs:
+  - blog
+  - is-vue-i18n-outdated
+author: aymericzip
+---
+
+# vue-i18n 2026'da Güncelliğini Yitirdi mi?
+
+Vue topluluğunda `vue-i18n` kadar geniş kabul görmüş çok az kütüphane vardır. Vue 2 döneminden bu yana Kazupon tarafından sürdürülen bu araç, `@nuxtjs/i18n` paketine altyapı sağlar ve çok dilli Vue projelerinin varsayılan seçeneğidir.
+
+Buna rağmen 2026 benchmark testlerimiz çarpıcı bir gerçeği ortaya çıkardı: **`vue-i18n`, test edilen tüm frontend frameworkleri arasında en ağır yerelleştirme çalışma zamanı oldu.**
+
+Vite + Vue ile oluşturulan 31.5 KB boyutundaki yalın bir tabana `vue-i18n` eklendiğinde, sayfa başına düşen ortalama JavaScript miktarı **136.4 KB** seviyesine fırlayarak dört katından fazla büyüdü.
+
+Hafifliğiyle tanınan bir framework nasıl oldu da bu denli ağır bir i18n yapısına ulaştı? Ve klasik çalışma zamanı modeli günümüzde halen geçerli mi?
+
+<TOC/>
+
+## Öne Çıkanlar
+
+**Test edilen en ağır çalışma zamanı:**
+
+Metin eklenmeden önce **24.3 KB gzipped (83.2 KB minified)** olan boyutuyla `vue-i18n`, `intlayer`'ın 2.7 KB'lık çalışma zamanından yaklaşık **9 kat daha ağırdır**.
+
+**Sayfa yükünde %330 artış:**
+
+`vue-i18n`, 31.5 KB boyutundaki başlangıç sayfasını 136.4 KB'a çıkardı. Intlayer ise 59.3 KB üreterek **%56 daha az sayfa yükü** sağladı.
+
+**Tarayıcıda saklanan derleyici:**
+
+Paketleyicide özel alias tanımlanmadığı sürece `vue-i18n`, metinleri çalışma anında ayrıştırmak için istemciye tam bir mesaj derleyicisi gönderir.
+
+**Bakım sıklığı:**
+
+Geçtiğimiz yıl boyunca `vue-i18n` yaklaşık 259 commit aldı; bunlar hata çözümleri ve Vue sürümleriyle uyum üzerine yoğunlaştı.
+
+**Modern araç eksikliği:**
+
+Language Server (LSP), yapay zeka MCP sunucuları veya komut satırı çeviri süreçleri için resmi yerleşik destek bulunmuyor.
+
+## Bakım vs. Modern Araçlar
+
+| Depo                  | Yıldızlar                                                                                                                                              | Toplam commit                                                                                                                                                       | Yıllık commit                                                                                                                                                      | Son commit                                                                                                                                   |
+| --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------- |
+| `intlify/vue-i18n`    | [![stars](https://img.shields.io/github/stars/intlify/vue-i18n?style=for-the-badge&label=stars)](https://github.com/intlify/vue-i18n/stargazers)       | [![commits](https://img.shields.io/github/commit-activity/t/intlify/vue-i18n?style=for-the-badge&label=commits)](https://github.com/intlify/vue-i18n/commits)       | [![yearly](https://img.shields.io/github/commit-activity/y/intlify/vue-i18n?style=for-the-badge&label=%2Fyear)](https://github.com/intlify/vue-i18n/commits)       | [![last](https://img.shields.io/github/last-commit/intlify/vue-i18n?style=for-the-badge)](https://github.com/intlify/vue-i18n/commits)       |
+| `aymericzip/intlayer` | [![stars](https://img.shields.io/github/stars/aymericzip/intlayer?style=for-the-badge&label=stars)](https://github.com/aymericzip/intlayer/stargazers) | [![commits](https://img.shields.io/github/commit-activity/t/aymericzip/intlayer?style=for-the-badge&label=commits)](https://github.com/aymericzip/intlayer/commits) | [![yearly](https://img.shields.io/github/commit-activity/y/aymericzip/intlayer?style=for-the-badge&label=%2Fyear)](https://github.com/aymericzip/intlayer/commits) | [![last](https://img.shields.io/github/last-commit/aymericzip/intlayer?style=for-the-badge)](https://github.com/aymericzip/intlayer/commits) |
+
+Son on iki ay:
+
+- `intlify/vue-i18n`: **259 commit** (Vue 3 ve Nuxt için periyodik bakım).
+- `aymericzip/intlayer`: **4.343 commit** (derleyici optimizasyonları, LSP araçları ve yapay zeka entegrasyonları).
+
+[![Star History Chart](https://api.star-history.com/chart?repos=intlify%2Fvue-i18n%2Caymericzip%2Fintlayer&type=date&legend=top-left)](https://www.star-history.com/#intlify/vue-i18n&aymericzip/intlayer)
+
+Köklü bir kütüphane istikrar sağlar. Fakat günümüz web mimarisi derleme anında AST dönüşümleri, ölü kod temizliği ve yapay zeka destekli yerelleştirme kullanır. Yalnızca çalışma zamanında çalışan bir sistemin bu yenilikleri benimsemesi zordur.
+
+## Vite + Vue Performans Sonuçları
+
+Vite ve Vue 3 ile kurulan 10 sayfalık ve 10 dilli bir yapıda ölçülmüştür:
+
+<I18nBenchmark framework="vite-vue" vertical/>
+
+<ClickToOpenIframe
+src="https://intlayer.org/markdown?url=https%3A%2F%2Fraw.githubusercontent.com%2Fintlayer-org%2Fbenchmark-i18n%2Fmain%2Freport%2Fscripts%2Fsummarize-vite_vue.md"
+width="100%"
+height="600px"
+style="border:none;"
+/>
+
+> Gerçek tarayıcı ortamlarında gzip sıkıştırmasıyla test edilmiştir. Verilerin tamamı [Vue benchmark dokümantasyonunda](https://intlayer.org/tr/doc/benchmark/vue).
+
+### Temel Kütüphane Yükü
+
+Çeviri metinleri eklenmeden önceki ilk ağırlık:
+
+| Kütüphane         | Gzipped    | Minified   |
+| ----------------- | ---------- | ---------- |
+| `vue-i18n@11.4.0` | 24.3 KB    | 83.2 KB    |
+| `intlayer@8.7.12` | **2.7 KB** | **7.6 KB** |
+
+Sırf `vue-i18n` çalışma zamanı **24.3 KB gzipped** yer kaplar, bu da neredeyse Vue'nun kendi çekirdeğine denktir. Intlayer ise yalnızca **2.7 KB** ekler.
+
+### Sayfa Ağırlığı ve Veri Sızıntısı
+
+| Kurulum          | Ort. sayfa JS (gz) | Dil sızıntısı | Diğer sayfa sızıntısı | Ort. bileşen (gz) |
+| ---------------- | ------------------ | ------------- | --------------------- | ----------------- |
+| Temel (i18n yok) | 31.5 KB            | 0.0%          | 90.0%                 | 0.9 KB            |
+| `vue-i18n`       | **136.4 KB**       | 50.2%         | 90.0%                 | 196.0 KB          |
+| Intlayer         | **59.3 KB**        | 51.1%         | **0.0%**              | **6.5 KB**        |
+
+### Önemli Gözlemler
+
+**Ciddi oransal şişkinlik:**
+
+Vue tabanı son derece hafif (~31 KB) olduğundan, `vue-i18n` sayfa boyutunu dört katından fazlasına çıkarır.
+
+**Diğer sayfalara veri sızıntısı:**
+
+Varsayılan ayarlarda bir rotaya gönderilen **çevirilerin %90'ı** diğer sayfalara aittir. Intlayer bu gereksiz yükü tamamen ayıklayarak **%0.0'a** indirir.
+
+**Tekil bileşen boyutu:**
+
+Yerel kapsamda derlenen bileşenler, sözlüklerin tekrar etmesi sebebiyle `vue-i18n` ile ortalama 196 KB tutarken, Intlayer'da bu değer **6.5 KB** olmuştur.
+
+## vue-i18n Neden Ağır?
+
+### Tarayıcıya Taşınan AST Derleyicisi
+
+`vue-i18n` kendi mesaj formatı derleyicisini barındırır. Çoğul kuralları ve değişkenler çalışma zamanında Abstract Syntax Tree (AST) yapılarına dönüştürülür.
+
+Bunun önüne geçmek için bundler konfigürasyonunda `vue-i18n/dist/vue-i18n.runtime.esm-bundler.js` adresine alias yönlendirmesi yapmak ve dosyaları `@intlify/unplugin-vue-i18n` ile önceden derlemek zorunludur. Çoğu proje bu ayarı gözden kaçırır.
+
+### Monolitik Özellik Yapısı
+
+`vue-i18n`, sayı ve tarih motorları, bağlantılı mesajlar, Options API köprüleri (`$t`, `v-t`) ve reaktif vekiller içerir. `<script setup>` içinde sadece yalın metinler çevirmek isteseniz dahi tüm mekanizmayı yüklersiniz.
+
+### Dinamik Anahtarlar Tree-Shaking'i Önler
+
+`"home.hero.title"` çalışma anında yorumlandığı için derleyiciler hangi metinlerin kullanıldığını anlayamaz. Kullanılmayan çeviriler pakette yer kaplamaya devam eder.
+
+<Tabs defaultTab="intlayer" group="techno">
+  <Tab label="vue-i18n" value="vue-i18n">
+
+```vue fileName="Hero.vue"
+<script setup>
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+</script>
+
+<template>
+  <h1>{{ t("home.hero.title") }}</h1>
+</template>
+```
+
+  </Tab>
+  <Tab label="Intlayer" value="intlayer">
+
+```vue fileName="Hero.vue"
+<script setup>
+import { useIntlayer } from "vue-intlayer";
+
+const { title } = useIntlayer("hero");
+</script>
+
+<template>
+  <h1>{{ title }}</h1>
+</template>
+```
+
+  </Tab>
+</Tabs>
+
+[Intlayer derleyicisi](https://intlayer.org/tr/doc/compiler) kullanılan özellikleri tam olarak belirler ve istemci paketini oluşturmadan önce gereksiz verileri ayıklar. Detaylar için [paket optimizasyonu](https://intlayer.org/tr/doc/concept/bundle-optimization) sayfasına bakın.
+
+## Geliştirici Deneyimi
+
+### Dağınık Kataloglar vs. Birlikte Konumlandırma
+
+`vue-i18n` yapısında metinler ayrı bir `locales/` dizinindedir. Intlayer ise içerik dosyalarını bileşenlerin hemen yanı başında tutar:
+
+<Tabs defaultTab="intlayer" group="techno">
+  <Tab label="vue-i18n" value="vue-i18n">
+
+```json fileName="locales/en.json"
+{
+  "hero": {
+    "title": "Ship in every language"
+  }
+}
+```
+
+```json fileName="locales/tr.json"
+{
+  "hero": {
+    "title": "Her dilde yayına alın"
+  }
+}
+```
+
+```vue fileName="Hero.vue"
+<script setup>
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+</script>
+
+<template>
+  <h1>{{ t("hero.title") }}</h1>
+</template>
+```
+
+  </Tab>
+  <Tab label="Intlayer" value="intlayer">
+
+```ts fileName="Hero.content.ts"
+import { t, type Dictionary } from "intlayer";
+
+export default {
+  key: "hero",
+  content: {
+    title: t({
+      en: "Ship in every language",
+      tr: "Her dilde yayına alın",
+    }),
+  },
+} satisfies Dictionary;
+```
+
+```vue fileName="Hero.vue"
+<script setup>
+import { useIntlayer } from "vue-intlayer";
+
+const { title } = useIntlayer("hero");
+</script>
+
+<template>
+  <h1>{{ title }}</h1>
+</template>
+```
+
+  </Tab>
+</Tabs>
+
+`Hero.vue` silindiğinde veya taşındığında, içerik dosyası da onunla birlikte işlem görür.
+
+### Otomatik Tamamlama vs. Kesin Eksiksizlik
+
+`DefineLocaleMessage` temel şemaya göre editörde ipuçları sağlar. Ancak tüm dillerin eksiksiz olduğunu garanti etmez. `tr.json` içinden bir anahtarı silmeniz derleme esnasında hata oluşturmaz.
+
+Intlayer ile sözlükler titizlikle kontrol edilir. [`strictMode`](https://intlayer.org/tr/doc/concept/configuration) ayarı açıldığında eksik bir çeviri doğrudan build hatasına dönüşür.
+
+### Geliştirici ve Yapay Zeka Araçları
+
+| Özellik                     | `vue-i18n`               | Intlayer                                                                 |
+| --------------------------- | ------------------------ | ------------------------------------------------------------------------ |
+| **VS Code Eklentisi**       | Üçüncü taraf (i18n Ally) | ✅ [Resmi eklenti](https://intlayer.org/tr/doc/vs-code-extension)        |
+| **Language Server (LSP)**   | ❌ Yok                   | ✅ [Özel LSP](https://intlayer.org/tr/doc/lsp)                           |
+| **Yapay Zeka MCP Sunucusu** | ❌ Yok                   | ✅ [Entegre MCP sunucusu](https://intlayer.org/tr/doc/mcp-server)        |
+| **Ajan Becerileri**         | ❌ Yok                   | ✅ [Kullanıma hazır beceriler](https://intlayer.org/tr/doc/agent_skills) |
+| **Görsel CMS**              | ❌ Yok                   | ✅ [Ücretsiz ve Açık Kaynak](https://intlayer.org/tr/doc/concept/editor) |
+
+## Çeviri Süreçleri
+
+`vue-i18n` yerleşik bir çeviri komutuna sahip değildir. Dosyalar genelde Crowdin veya Phrase gibi dış platformlara aktarılır.
+
+Intlayer bu araçları standart olarak sunar:
+
+**Yerel Yapay Zeka ile Doldurma (`intlayer fill`):**
+
+Eksik anahtarları kendi OpenAI, Anthropic, Mistral veya Gemini anahtarlarınızla tamamlar.
+
+**Kendi Altyapınızda Barındırılabilir Görsel CMS:**
+
+[Intlayer CMS](https://intlayer.org/tr/doc/concept/cms) ile teknik olmayan ekip üyelerinin doğrudan Git'e yansıyacak şekilde metin düzenlemesini sağlayın.
+
+**Açık Kaynak Lisansı:**
+
+Tüm araç seti Apache 2.0 lisansına sahiptir.
+
+## vue-i18n Hangi Koşullarda Halen Uygundur?
+
+<AccordionGroup>
+<Accordion header="Mevcut Nuxt 2/3 Uygulamaları">
+
+Sayfa rotalarınız `@nuxtjs/i18n` ile derinden bütünleşmişse, yapıyı değiştirmek her zaman şart değildir.
+
+</Accordion>
+<Accordion header="Özel ICU Biçimlendirmeleri">
+
+Zincirleme mesajlar veya çok özel tarih ve çoğul kuralları kullanıyorsanız.
+
+</Accordion>
+<Accordion header="Küçük Hobi Projeleri">
+
+Paket boyutunun kullanıcı deneyimini doğrudan etkilemediği senaryolarda.
+
+</Accordion>
+</AccordionGroup>
+
+## Mevcut vue-i18n Yapılandırmamı Nasıl Geliştirebilirim?
+
+Intlayer, `vue-i18n` ve `@nuxtjs/i18n` kütüphanelerinin fonksiyon imzalarını (`useI18n`, `$t`, `<i18n-t>`) birebir koruyan doğrudan uyumluluk paketleri sunar. Hafif ve derleyici odaklı bir mimarinin avantajlarından faydalanmak için şablonlarınızı veya composable yapılarınızı sıfırdan yazmanız gerekmez.
+
+Kurulum tek bir komutla tamamlanır:
+
+```bash packageManager="npm"
+npx intlayer init --interactive
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer init --interactive
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer init --interactive
+```
+
+```bash packageManager="bun"
+bunx intlayer init --interactive
+```
+
+Bu etkileşimli CLI aracı:
+
+1. `@intlayer/vue-i18n` veya `@intlayer/nuxt-i18n` uyumluluk paketini yükler.
+2. Vite veya Nuxt paketleyici takma adlarını (alias) yapılandırarak mevcut import'larınızın ve şablon etiketlerinizin doğrudan Intlayer'a yönlendirilmesini sağlar; böylece `vue-i18n` kütüphanesini `package.json` dosyasından kaldırabilirsiniz.
+3. Editörde Dil Sunucusu (LSP) teşhislerini hemen aktif hale getirir, 24 KB'lık AST ayrıştırıcısını istemci paketinden tamamen çıkarır ve kapsamlı bir kod düzenlemesi gerekmeden yerel yapay zeka çeviri süreçlerini kullanıma sunar.
+
+Ayrıntılı adımlar için hazırladığımız kılavuzları inceleyin:
+
+- **Kolay Uyumluluk:** [`vue-i18n` uyumluluk katmanı](https://intlayer.org/tr/doc/compatibility/vue-i18n) veya [`@nuxtjs/i18n`](https://intlayer.org/tr/doc/compatibility/nuxtjs-i18n) ile mevcut şablonlarınızı koruyun.
+- **Rehberli Geçiş:** JSON dosyalarınızı kılavuzlarımız yardımıyla dönüştürün: [vue-i18n üzerinden](https://intlayer.org/tr/doc/migration/vue-i18n) veya [@nuxtjs/i18n üzerinden](https://intlayer.org/tr/doc/migration/nuxtjs-i18n).
+- **Hibrit Düzen:** Arayüzde `vue-i18n` çalıştırmaya devam ederken, tip güvenliği ve yerel yapay zeka çevirisi için [Intlayer'ı vue-i18n ile birleştirin](https://intlayer.org/tr/blog/intlayer-with-vue-i18n).
+
+Uygulamanızı ücretsiz [i18n SEO Tarayıcısı](https://intlayer.org/i18n-seo-scanner) ile analiz edin:
+
+<ClickToOpenIframe src="https://intlayer.org/i18n-seo-scanner" width="100%" height="600px" style="border:none;"/>
+
+## İlgili Makaleler
+
+- [Vue & Vite i18n Benchmark: Kapsamlı Değerlendirme](https://intlayer.org/tr/doc/benchmark/vue)
+- [vue-i18n vs Intlayer Karşılaştırması](https://intlayer.org/tr/blog/vue-i18n-vs-intlayer)
+- [next-intl 2026'da Güncelliğini Yitirdi mi?](https://intlayer.org/tr/blog/is-next-intl-outdated)
+- [Derleyici Odaklı vs Bildirime Dayalı i18n Mimarisi](https://intlayer.org/tr/blog/compiler-vs-declarative-i18n)

package/blog/tr/list_i18n_technologies/build-tools/vite.md

@@ -0,0 +1,179 @@
+---
+createdAt: 2026-09-02
+updatedAt: 2026-09-02
+title: "Vite i18n: glob içe aktarmaları, chunk'lar ve derleme zamanı mesajları"
+description: i18n konusunda Vite'a özgü olan gerçek detaylar. import.meta.glob ile lazy kataloglar, rota başına dil bölmenin neden nadiren çalıştığı, HMR eksikleri ve derleme zamanı eklentileri.
+keywords:
+  - vite i18n
+  - import.meta.glob
+  - vite kod bölme
+  - lazy load çeviriler
+  - vite eklentisi i18n
+  - rollup chunk'ları
+slugs:
+  - blog
+  - i18n-technologies
+  - build-tools
+  - vite
+author: aymericzip
+---
+
+# Vite i18n: Framework'ünüzle Değil, Doğrudan Vite ile İlgili Olan Kısımlar
+
+Çoğu "Vite i18n" öğreticisi, aslında Vite kullanan React veya Vue eğitimleridir. Bu makale ise alttaki katmanı ele alır: katalogların nasıl içe aktarıldığı, Rollup'ın bunlarla ne yaptığı ve yazdığınız lazy loading kodunun gerçekte neden lazy olmayabileceği.
+
+## İçindekiler
+
+<TOC/>
+
+## Statik içe aktarma varsayılandır ve eşzamanlıdır (eager)
+
+En temel kurulum, her kataloğu bir modülün en üstünde doğrudan içe aktarır:
+
+```ts fileName="src/i18n.ts"
+import en from "./locales/en.json";
+import fr from "./locales/fr.json";
+import ja from "./locales/ja.json";
+```
+
+Bu, her sayfada, her kullanıcı için giriş chunk'ına üç kataloğun birden dahil edilmesi anlamına gelir. İki dil ve yüz dize için sorun teşkil etmeyebilir. Ancak on dilde, paketteki en büyük ve en kolay önlenebilir maliyet haline gelir.
+
+## `import.meta.glob` ve herkesin yanlış ayarladığı bayrak
+
+Vite'ın glob import özelliği bunun standart çözümüdür:
+
+```ts
+const catalogs = import.meta.glob("./locales/*.json");
+
+export const loadCatalog = async (locale: string) => {
+  const load = catalogs[`./locales/${locale}.json`];
+  return (await load()) as Record<string, string>;
+};
+```
+
+Lazy (tembel) yükleme varsayılandır: her girdi dinamik bir içe aktarma döndüren bir fonksiyondur ve Rollup dosya başına bir chunk üretir. `{ eager: true }` eklemek ise bunların hepsini doğrudan çağıran modülün içine gömer; yani kaçınmaya çalıştığınız şeyin tam olarak aynısını yapar:
+
+```ts
+// Her dil giriş chunk'ına dahil edilir. Neredeyse hiçbir zaman istenmeyen durum:
+const catalogs = import.meta.glob("./locales/*.json", { eager: true });
+```
+
+Tuzak şudur: her iki sürüm de geliştirme ortamında çalışır çünkü Vite modülleri paketlemeden ayrı ayrı sunar. Fark yalnızca `dist` klasöründe ortaya çıkar. `npx vite build && npx vite preview` ile test edin ve giriş chunk'ının gerçekte neleri içerdiğini inceleyin.
+
+## Rota başına dil bölme nadiren ayrışır
+
+Geliştiricileri en çok şaşırtan kısım burasıdır. Katalogları sayfa bazında bölersiniz:
+
+```
+locales/en/home.json
+locales/en/checkout.json
+```
+
+Ardından iki farklı rota `checkout.json` dosyasını içe aktarır ve Rollup bu dosyayı her iki sayfada da yüklenen paylaşılan bir chunk'a taşır. Rollup'ın chunking mantığı klasör adlarınızla değil, modül grafiğiyle yönetilir: birden fazla giriş noktasından erişilebilen bir modül ortak hale gelir. Üçüncü bir rota eklemek hiçbir şeyi değiştirmez ve dördüncü bir rota eklemek parçalanmayı tamamen farklı bir şekilde yeniden şekillendirebilir.
+
+Bu nedenle, rota başına dil bölme işlemi yalnızca içe aktarma grafiği kesin olarak ayrık olduğunda geçerliliğini korur. Paket boyutu önemliyse, varsayımlar yerine araçlarla ölçüm yapın:
+
+```bash
+npx vite build && npx vite-bundle-visualizer
+```
+
+Sınırları zorlamanız gerekiyorsa, `build.rollupOptions.output.manualChunks` kaçış yoludur ancak sürekli manuel bakım maliyeti getirir.
+
+## Kataloglar otomatik olarak sıcak yenilenmez (HMR)
+
+Bir bileşeni düzenlediğinizde Vite onu anında değiştirir. Ancak `locales/fr.json` dosyasını düzenlediğinizde, içe aktarma biçimine bağlı olarak hiçbir şey değişmeyebilir. Dinamik olarak içe aktarılan JSON dosyalarının yerel bir HMR sınırı yoktur, bu nedenle modül grafiği tüketicileri nasıl geçersiz kılacağını bilemez.
+
+Geliştiriciler genellikle bir metne her dokunduklarında geliştirme sunucusunu yeniden başlatarak bu sorunu aşmaya çalışırlar. Çözüm i18n eklentisine aittir: HMR güncellemesini kabul etmeli ve yeni mesajları çalışan uygulamaya aktarmalıdır. Bir kütüphaneyi değerlendirirken, Vite eklentisinin bunu yapıp yapmadığını kontrol edin.
+
+## `define` dili derleme zamanında koda gömer
+
+Varsayılan dili derleme zamanında sabitlemek cazip gelebilir:
+
+```ts fileName="vite.config.ts"
+export default defineConfig({
+  define: {
+    __DEFAULT_LOCALE__: JSON.stringify(process.env.LOCALE ?? "en"),
+  },
+});
+```
+
+`define`, derleme sırasında yapılan salt metinsel bir değiştirmedir. Derlediğiniz anda mevcut olan değer dağıtılan değerdir, bu nedenle dil başına bir derleme yapılmasını zorunlu kılar. Bu, Angular'ın resmi i18n yaklaşımında olduğu gibi meşru bir stratejidir, ancak tek bir dağıtımın tüm dillere hizmet etmesi gerekiyorsa istediğiniz şey bu değildir.
+
+Her istekte değişmesi gereken değerleri `define` dışında tutun ve çalışma zamanında çözün.
+
+## Mesaj ayrıştırmayı derleme zamanına taşımak
+
+Bu ekosistemdeki her olgun araç eninde sonunda aynı adımı atar: mesajları tarayıcı içinde ayrıştırmayı bırakmak.
+
+| Eklenti                      | Derleme zamanına taşıdığı işlem                                                  |
+| :--------------------------- | :------------------------------------------------------------------------------- |
+| `@intlify/unplugin-vue-i18n` | vue-i18n mesajlarını render fonksiyonlarına derler (salt çalışma paketi)         |
+| Lingui (makro + eklenti)     | Katalogları ayıklar ve derler, makroları mesaj kimlikleriyle değiştirir          |
+| Paraglide (inlang)           | Her mesajı kendi tree-shakable fonksiyonuna derler                               |
+| `vite-intlayer`              | Bileşen bazında sözlükler oluşturur, kullanılmayan alanları temizler ve küçültür |
+
+Ortak kazanım iki yönlüdür: çalışma zamanı mesaj derleyicisi paketten çıkarılır ve kullanılmayan metin girişleri statik olarak elenebilir hale gelir. Ortak maliyet ise hem geliştirme sunucunuzun hem de CI'ınızın eklentiye ihtiyaç duymasıdır.
+
+vue-i18n en belirgin örnektir: `@intlify/unplugin-vue-i18n` olmadan, tarayıcıya `new Function` çağıran bir derleyici gönderirsiniz; bu hem gereksiz baytlar yükler hem de İçerik Güvenlik Politikası (CSP) sorunlarına yol açar.
+
+## SSR: Dili asla modül düzeyindeki bir değişkende tutmayın
+
+İster bir framework ister `vite-plugin-ssr` aracılığıyla SSR ekleyin, vazgeçilmez kural şudur: geçerli dili tutan modül düzeyindeki bir değişken, o sunucu sürecindeki tüm eşzamanlı istekler arasında paylaşılır.
+
+```ts
+// Tarayıcıda güvenli. Sunucuda istekler arası ciddi veri sızıntısı:
+export let currentLocale = "en";
+```
+
+Sunucuya aynı anda gelen iki kullanıcı yarış durumuna (race condition) girer ve biri diğerinin dilinde içerik alır. Geliştirme ortamında tek istek olduğunuz için bu hata tekrarlanamaz. Dili her istek için ayrı ayrı çözün ve bağlam (context) ya da framework'ün istek düzeyindeki depolama alanı üzerinden açıkça iletin.
+
+## Intlayer'ın Vite Eklentisi
+
+Intlayer, sözlük derlemesini, geliştirme modu izlemesini ve optimizasyon ardışık düzenini yöneten tek bir eklenti kaydeder:
+
+```ts fileName="vite.config.ts"
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+import { intlayer } from "vite-intlayer";
+
+export default defineConfig({
+  plugins: [react(), intlayer()],
+});
+```
+
+İçe aktarma yeniden yazma, temizleme (purge) ve küçültme (minify) varsayılan olarak açıktır. Bilinmesi gereken iki ayar `intlayer.config.ts` dosyasında bulunur:
+
+```ts fileName="intlayer.config.ts"
+import type { IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  build: {
+    purge: true, // hiçbir bileşenin okumadığı içerik alanlarını atar
+    minify: true, // içerik anahtarlarını kısa takma adlarla yeniden adlandırır
+  },
+};
+
+export default config;
+```
+
+İçerik devasa global dil dosyaları yerine bileşen başına tanımlandığından, temizleme adımı gerçek modül grafiğini analiz eder ve kullanılmayan kodların güvenle silinmesini sağlar. Ayrıntılar [paket optimizasyonu](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/bundle_optimization.md) dokümantasyonunda.
+
+## Sık yapılan hatalar
+
+- **Lazy loading amaçlı bir glob üzerinde `{ eager: true }` kullanmak.** Geliştirmede çalışır, canlıda tüm dilleri tek pakette sunar.
+- **Klasör yapısının otomatik chunk üreteceğine güvenmek.** Rollup dizinleri değil, içe aktarmaları takip eder. Paketi ölçün.
+- **Çeviri değişikliğini görmek için geliştirme sunucusunu yeniden başlatmak.** Eksik HMR desteğinin bir işaretidir.
+- **Dili `define` içine koymak.** Dil başına ayrı bir derleme yapmayı zorunlu kılar.
+- **SSR ile modül düzeyinde dil durumu saklamak.** Eşzamanlı isteklerde dillerin karışmasına neden olur.
+- **Geliştirme sunucusunda performans kıyaslaması yapmak.** Paketlenmemiş modüller üretim paketi hakkında fikir vermez.
+
+## İleri okuma
+
+- [Paket optimizasyonu: temizleme, küçültme ve tarayıcıya ulaşan çıktılar](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/bundle_optimization.md)
+- [Frameworkler arası kıyaslama raporları](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/benchmark/index.md)
+- [Yapılandırma referansı](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/configuration.md)
+- [Vite ve React ile Intlayer kurulumu](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/intlayer_with_vite+react.md)
+- [i18next uyumluluk adaptörü](https://github.com/aymericzip/intlayer/blob/main/docs/docs/tr/compat/i18next.md)
+- [React i18n: Sağlayıcı (Provider) modeli nasıl çalışır?](https://github.com/aymericzip/intlayer/blob/main/docs/blog/tr/list_i18n_technologies/frameworks/react.md)
+- [Vue i18n: Nasıl çalışır ve nerede zorlar?](https://github.com/aymericzip/intlayer/blob/main/docs/blog/tr/list_i18n_technologies/frameworks/vue.md)
+- [Bileşen bazlı ve merkezi i18n karşılaştırması](https://github.com/aymericzip/intlayer/blob/main/docs/blog/tr/per-component_vs_centralized_i18n.md)

package/blog/tr/list_i18n_technologies/frameworks/angular.md

@@ -25,8 +25,6 @@ Günümüz birbirine bağlı dünyasında, web sitenizi birden fazla dilde sunma
 
 ---
 
-![i18n illüstrasyonu](https://github.com/aymericzip/intlayer/blob/main/docs/assets/i18n.webp)
-
 ## Uluslararasılaştırma (i18n) Nedir?
 
 Uluslararasılaştırma, genellikle i18n olarak anılır, uygulamanızı birden fazla dil ve kültürel bağlamı destekleyecek şekilde tasarlamak ve hazırlamak sürecidir. Angular'da bu, metin, tarih, sayı ve hatta UI düzenlerinin farklı yerel ayarlara sorunsuz bir şekilde uyarlanabilmesi için uygulamanızı yapılandırmayı içerir. Bu temeli düzgün bir şekilde atmak, gelecekteki çevirilerin entegrasyonunun düzenli ve verimli kalmasını sağlar.

package/blog/tr/list_i18n_technologies/frameworks/react-native.md

@@ -25,8 +25,6 @@ Giderek küresel bir pazarda, React Native uygulamanızı birden fazla dilde sun
 
 ---
 
-![i18n illustration](https://github.com/aymericzip/intlayer/blob/main/docs/assets/i18n.webp)
-
 ## Uluslararasılaştırma (i18n) Nedir?
 
 Uluslararasılaştırma veya i18n, bir uygulamanın farklı dillere, bölgesel formatlara ve kültürel normlara kolayca uyum sağlayacak şekilde yapılandırılmasını içerir. React Native'da i18n, düğmeler ve etiketler için dizeleri yönetmeyi, ayrıca tarihleri, saatleri, para birimlerini ve daha fazlasını kullanıcının yerel ayarına göre biçimlendirmeyi içerir. Düzgün hazırlanmış React Native uygulamaları, büyük yeniden düzenlemeler olmadan ek dilleri ve yerel ayar spesifik davranışları sorunsuz bir şekilde entegre etmenizi sağlar.

package/blog/tr/list_i18n_technologies/frameworks/react.md

@@ -25,8 +25,6 @@ Günümüz dijital ortamında, web sitenizin küresel bir kitleye ulaşmasını
 
 ---
 
-![i18n illustration](https://github.com/aymericzip/intlayer/blob/main/docs/assets/i18n.webp)
-
 ## Uluslararasılaştırma (i18n) Nedir?
 
 Uluslararasılaştırma, i18n olarak kısaltılır, web sitenizi birden fazla dil ve kültürel bağlamı destekleyecek şekilde tasarlamak ve hazırlamak sürecidir. React'ta bu, dizelerin, tarih formatlarının, sayı formatlarının ve hatta düzenin farklı bölgelerden kullanıcılar için kolayca uyarlanabilmesi için uygulamanızı ayarlamak anlamına gelir. React uygulamanızı i18n için hazırlamak, çevirileri ve diğer yerelleştirme özelliklerini temiz bir şekilde entegre etmek için temel oluşturur.

package/blog/tr/list_i18n_technologies/frameworks/svelte.md

@@ -25,8 +25,6 @@ As the web continues to connect people across the globe, providing content in mu
 
 ---
 
-![i18n illustration](https://github.com/aymericzip/intlayer/blob/main/docs/assets/i18n.webp)
-
 ## What is Internationalization (i18n)?
 
 Internationalization, commonly abbreviated as i18n, is the process of designing and building your application so it can easily adapt to various languages, regions, and cultural conventions. In Svelte, this typically means setting up translation strings, localizing dates, times, and numbers, and ensuring the user interface can dynamically switch among different locales without major code rewrites.

package/blog/tr/list_i18n_technologies/frameworks/vue.md

@@ -25,8 +25,6 @@ Giderek küreselleşen dijital ortamda, Vue.js web sitenizin birden fazla dildek
 
 ---
 
-![i18n illustration](https://github.com/aymericzip/intlayer/blob/main/docs/assets/i18n.webp)
-
 ## Uluslararasılaştırma (i18n) Nedir?
 
 Uluslararasılaştırma (i18n), bir yazılım uygulamasını (veya web sitesini) birden fazla dil ve kültürel kural için hazırlama uygulamasıdır. Vue.js ekosistemi içinde bu, metin, tarihler, sayılar, para birimi ve diğer yerelleştirilebilir unsurların çeşitli yerel ayarlara nasıl uyarlanabileceğini belirlemeyi içerir. Başlangıçtan itibaren i18n'yi ayarlayarak, yeni diller eklemek ve gelecekteki yerelleştirme ihtiyaçlarını yönetmek için organize, ölçeklenebilir bir yapı sağlarsınız.

package/blog/tr/what_is_internationalization.md

@@ -20,8 +20,6 @@ author: aymericzip
 
 # Uluslararasılaştırma (i18n) Nedir? Tanım ve zorluklar
 
-![i18n illüstrasyonu](https://github.com/aymericzip/intlayer/blob/main/docs/assets/i18n.webp)
-
 ## Uluslararasılaştırmayı Anlamak (i18n)
 
 **Uluslararasılaştırma**, genellikle **i18n** olarak kısaltılır, bir uygulamanın birden fazla dil, kültür ve bölgesel kuralları destekleyecek şekilde tasarlanması ve hazırlanması sürecidir **kod tabanında büyük değişiklikler olmadan**. i18n adı, "internationalization" kelimesindeki **i** ve **n** arasında 18 harf olduğu gerçeğinden türetilmiştir.