@intlayer/docs 8.12.4 → 8.12.5-canary.0

package/blog/hi/rag_powered_documentation_assistant.md

@@ -13,6 +13,7 @@ keywords:
 slugs:
   - blog
   - rag-powered-documentation-assistant
+author: aymericzip
 ---
 
 # RAG-संचालित दस्तावेज़ सहायक का निर्माण (चंकिंग, एम्बेडिंग्स, और खोज)
@@ -69,13 +70,17 @@ RAG एक लोकप्रिय दृष्टिकोण बन गया
 5.  **ऑगमेंटेशन + जनरेशन (RAG में AG)** उन टुकड़ों को ChatGPT के प्रॉम्प्ट में डाला जाता है, ताकि मॉडल वास्तविक दस्तावेज़ संदर्भ के साथ उत्तर दे सके।
 6.  **प्रतिक्रिया के लिए क्वेरी लॉगिंग** हर उपयोगकर्ता क्वेरी को संग्रहित किया जाता है। यह दर्द बिंदुओं, गायब दस्तावेज़ों, या नए अवसरों को समझने के लिए सोना है।
 
-## चरण 1: दस्तावेज़ पढ़ना
+<Steps>
+
+<Step number={1} title="दस्तावेज़ पढ़ना">
 
 पहला चरण सरल था: मुझे docs/ फ़ोल्डर में सभी .md फ़ाइलों को स्कैन करने का एक तरीका चाहिए था। Node.js और glob का उपयोग करके, मैंने प्रत्येक Markdown फ़ाइल की सामग्री को मेमोरी में लाया।
 
 यह पाइपलाइन को लचीला बनाए रखता है: Markdown के बजाय, आप दस्तावेज़ों को डेटाबेस, CMS, या यहां तक कि API से भी प्राप्त कर सकते हैं।
 
-## चरण 2: दस्तावेज़ों को टुकड़ों में विभाजित करना
+</Step>
+
+<Step number={2} title="दस्तावेज़ों को टुकड़ों में विभाजित करना">
 
 टुकड़ों में क्यों बांटना? क्योंकि भाषा मॉडल के पास **संदर्भ सीमाएं** होती हैं। उन्हें पूरे दस्तावेज़ की किताब खिलाना काम नहीं करेगा।
 
@@ -93,7 +98,9 @@ RAG एक लोकप्रिय दृष्टिकोण बन गया
 - बहुत छोटा → आपको शोर मिलेगा।
 - बहुत बड़ा → आप संदर्भ आकार को बढ़ा देते हैं।
 
-## चरण 3: एम्बेडिंग्स जनरेट करना
+</Step>
+
+<Step number={3} title="एम्बेडिंग्स जनरेट करना">
 
 एक बार जब दस्तावेज़ों को टुकड़ों में बांट दिया जाता है, तो हम **एम्बेडिंग्स** बनाते हैं, उच्च-आयामी वेक्टर जो प्रत्येक टुकड़े का प्रतिनिधित्व करते हैं।
 
@@ -111,7 +118,9 @@ RAG एक लोकप्रिय दृष्टिकोण बन गया
 
 प्रत्येक वेक्टर टेक्स्ट की एक गणितीय फिंगरप्रिंट है, जो समानता खोज को सक्षम बनाता है।
 
-## चरण 4: एम्बेडिंग्स का इंडेक्सिंग और संग्रहण
+</Step>
+
+<Step number={4} title="एम्बेडिंग्स का इंडेक्सिंग और संग्रहण">
 
 बार-बार एम्बेडिंग्स को पुनः उत्पन्न करने से बचने के लिए, मैंने उन्हें embeddings.json में संग्रहित किया।
 
@@ -124,7 +133,9 @@ RAG एक लोकप्रिय दृष्टिकोण बन गया
 
 वेक्टर डेटाबेस इंडेक्सिंग, स्केलेबिलिटी, और तेज़ खोज को संभालते हैं। लेकिन मेरे प्रोटोटाइप के लिए, एक स्थानीय JSON ठीक काम करता था।
 
-## चरण 5: कोसाइन सिमिलैरिटी के साथ पुनःप्राप्ति
+</Step>
+
+<Step number={5} title="कोसाइन सिमिलैरिटी के साथ पुनःप्राप्ति">
 
 जब कोई उपयोगकर्ता प्रश्न पूछता है:
 
@@ -136,7 +147,9 @@ RAG एक लोकप्रिय दृष्टिकोण बन गया
 
 इस तरह, सिस्टम क्वेरी के सबसे निकट दस्तावेज़ अंश खोजता है।
 
-## चरण 6: संवर्धन + जनरेशन
+</Step>
+
+<Step number={6} title="संवर्धन + जनरेशन">
 
 अब जादू आता है। हम शीर्ष टुकड़ों को लेते हैं और उन्हें ChatGPT के **सिस्टम प्रॉम्प्ट** में इंजेक्ट करते हैं।
 
@@ -144,7 +157,9 @@ RAG एक लोकप्रिय दृष्टिकोण बन गया
 
 परिणाम: सटीक, **दस्तावेज़-आधारित उत्तर**।
 
-## चरण 7: उपयोगकर्ता प्रश्नों का लॉगिंग
+</Step>
+
+<Step number={7} title="उपयोगकर्ता प्रश्नों का लॉगिंग">
 
 यह छुपी हुई सुपरपावर है।
 
@@ -157,7 +172,9 @@ RAG एक लोकप्रिय दृष्टिकोण बन गया
 
 यह आपके RAG सहायक को एक **लगातार उपयोगकर्ता अनुसंधान उपकरण** में बदल देता है।
 
-## इसकी लागत क्या है?
+</Step>
+
+<Step number={8} title="इसकी लागत क्या है?">
 
 RAG के लिए एक सामान्य आपत्ति लागत है। व्यवहार में, यह आश्चर्यजनक रूप से सस्ता है:
 
@@ -167,7 +184,9 @@ RAG के लिए एक सामान्य आपत्ति लाग
 
 इसके ऊपर, आप होस्टिंग लागत भी शामिल कर सकते हैं।
 
-## कार्यान्वयन विवरण
+</Step>
+
+<Step number={9} title="कार्यान्वयन विवरण">
 
 स्टैक:
 
@@ -231,7 +250,9 @@ docUrl: "https://example.com/docs/hi/another-doc"
 
 👉 [यहाँ डेमो आज़माएँ](https://intlayer.org/doc/why) 👉 [GitHub पर कोड टेम्पलेट देखें](https://github.com/aymericzip/smart_doc_RAG)
 
-## आगे बढ़ना
+</Step>
+
+<Step number={10} title="आगे बढ़ना">
 
 यह परियोजना एक न्यूनतम कार्यान्वयन है। लेकिन आप इसे कई तरीकों से बढ़ा सकते हैं:
 
@@ -243,13 +264,17 @@ docUrl: "https://example.com/docs/hi/another-doc"
 - मल्टी-सोर्स रिट्रीवल → केवल डॉक नहीं, बल्कि डेटाबेस एंट्री, ब्लॉग पोस्ट, टिकट आदि भी खींचना
 - बेहतर प्रॉम्प्टिंग → रीरैंकिंग, फ़िल्टरिंग, और हाइब्रिड सर्च (कीवर्ड + सेमांटिक)
 
-## सीमाएँ जिनका सामना करना पड़ा
+</Step>
+
+<Step number={11} title="सीमाएँ जिनका सामना करना पड़ा">
 
 - चंकिन्ग और ओवरलैप अनुभवजन्य हैं। सही संतुलन (चंक साइज, ओवरलैप प्रतिशत, प्राप्त किए गए चंक्स की संख्या) के लिए पुनरावृत्ति और परीक्षण आवश्यक है।
 - जब डॉक बदलते हैं तो एम्बेडिंग्स स्वचालित रूप से पुनः उत्पन्न नहीं होती हैं। हमारा सिस्टम केवल तभी फाइल के लिए एम्बेडिंग्स रीसेट करता है जब चंक्स की संख्या संग्रहीत संख्या से भिन्न होती है।
 - इस प्रोटोटाइप में, एम्बेडिंग्स JSON में संग्रहीत की जाती हैं। यह डेमो के लिए काम करता है लेकिन Git को प्रदूषित करता है। उत्पादन में, एक डेटाबेस या समर्पित वेक्टर स्टोर बेहतर होता है।
 
-## यह दस्तावेज़ों से परे क्यों महत्वपूर्ण है
+</Step>
+
+<Step number={12} title="यह दस्तावेज़ों से परे क्यों महत्वपूर्ण है">
 
 दिलचस्प हिस्सा केवल चैटबॉट नहीं है। यह **फीडबैक लूप** है।
 
@@ -269,7 +294,9 @@ RAG के साथ, आप केवल उत्तर नहीं देत
 
 यह है आपके उपयोगकर्ताओं से सीधे **उत्पाद बुद्धिमत्ता**।
 
-## निष्कर्ष
+</Step>
+
+<Step number={13} title="निष्कर्ष">
 
 RAG LLMs को व्यावहारिक बनाने के सबसे सरल और सबसे शक्तिशाली तरीकों में से एक है। **रिकवरी + जनरेशन** को मिलाकर, आप स्थिर दस्तावेज़ों को एक **स्मार्ट असिस्टेंट** में बदल सकते हैं और साथ ही, उत्पाद अंतर्दृष्टि की एक निरंतर धारा प्राप्त कर सकते हैं।
 
@@ -282,3 +309,7 @@ RAG LLMs को व्यावहारिक बनाने के सबस
 👉 [यहाँ डेमो आज़माएँ](https://intlayer.org/doc/why) 👉 [GitHub पर कोड टेम्पलेट देखें](https://github.com/aymericzip/smart_doc_RAG)
 
 और यदि आप भी RAG के साथ प्रयोग कर रहे हैं, तो मैं सुनना चाहूंगा कि आप इसे कैसे उपयोग कर रहे हैं।
+
+</Step>
+
+</Steps>

package/blog/hi/react-i18next_vs_react-intl_vs_intlayer.md

@@ -15,6 +15,7 @@ keywords:
 slugs:
   - blog
   - react-i18next-vs-react-intl-vs-intlayer
+author: aymericzip
 ---
 
 # react-Intl बनाम react-i18next बनाम intlayer | React अंतरराष्ट्रीयकरण (i18n)

package/blog/hi/vue-i18n_vs_intlayer.md

@@ -15,6 +15,7 @@ keywords:
 slugs:
   - blog
   - vue-i18n-vs-intlayer
+author: aymericzip
 ---
 
 # vue-i18n बनाम Intlayer | Vue अंतरराष्ट्रीयकरण (i18n)

package/blog/hi/what_is_internationalization.md

@@ -15,6 +15,7 @@ keywords:
 slugs:
   - blog
   - what-is-internationalization
+author: aymericzip
 ---
 
 # अंतर्राष्ट्रीयकरण (i18n) क्या है? परिभाषा और चुनौतियाँ

package/blog/id/compiler_vs_declarative_i18n.md

@@ -16,6 +16,7 @@ keywords:
 slugs:
   - blog
   - compiler-vs-declarative-i18n
+author: aymericzip
 ---
 
 # Argumen Mendukung dan Menentang i18n Berbasis Compiler

package/blog/id/i18n_meaning.md

@@ -14,6 +14,7 @@ keywords:
 slugs:
   - blog
   - i18n-meaning
+author: aymericzip
 ---
 
 # Arti i18n: Apa itu Internasionalisasi dan Mengapa Itu Penting?

package/blog/id/i18n_using_next-i18next.md

@@ -19,6 +19,7 @@ history:
   - version: 7.0.6
     date: 2025-11-01
     changes: Versi awal
+author: aymericzip
 ---
 
 # Cara menginternasionalisasi aplikasi Next.js Anda menggunakan next-i18next pada tahun 2026

package/blog/id/i18n_using_next-intl.md

@@ -18,6 +18,7 @@ history:
   - version: 7.0.0
     date: 2025-11-01
     changes: Versi awal
+author: aymericzip
 ---
 
 # Cara menginternasionalisasi aplikasi Next.js Anda menggunakan next-intl pada tahun 2026

package/blog/id/index.md

@@ -13,6 +13,7 @@ keywords:
 slugs:
   - blog
   - search
+author: aymericzip
 ---
 
 # Mengadopsi Internasionalisasi dalam JavaScript: Meningkatkan Jangkauan Global dan SEO

package/blog/id/internationalization_and_SEO.md

@@ -14,6 +14,7 @@ keywords:
 slugs:
   - blog
   - SEO-and-i18n
+author: aymericzip
 ---
 
 # SEO & I18n: Panduan Utama untuk Membuat Situs Web Anda Multibahasa

package/blog/id/intlayer_with_i18next.md

@@ -27,6 +27,7 @@ history:
   - version: 7.0.0
     date: 2025-10-29
     changes: Berubah ke plugin syncJSON
+author: aymericzip
 ---
 
 # Cara mengotomatisasi terjemahan JSON i18next Anda menggunakan Intlayer
@@ -58,7 +59,9 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten Intlayer yang
 
 ## Panduan Langkah demi Langkah untuk Mengatur Intlayer dengan i18next
 
-### Langkah 1: Instalasi Dependensi
+<Steps>
+
+<Step number={1} title="Instalasi Dependensi">
 
 Instal paket-paket yang diperlukan:
 
@@ -87,7 +90,9 @@ bun x intlayer init
 - **intlayer**: Perpustakaan inti untuk manajemen internasionalisasi, deklarasi konten, dan pembangunan
 - **@intlayer/sync-json-plugin**: Plugin untuk mengekspor deklarasi konten Intlayer ke format JSON yang kompatibel dengan i18next
 
-### Langkah 2: Terapkan plugin Intlayer untuk membungkus JSON
+</Step>
+
+<Step number={2} title="Terapkan plugin Intlayer untuk membungkus JSON">
 
 Buat file konfigurasi Intlayer untuk mendefinisikan locale yang didukung:
 
@@ -123,7 +128,9 @@ Jika perubahan dilakukan menggunakan CLI untuk menerjemahkan JSON, atau mengguna
 
 Untuk melihat lebih detail tentang plugin `syncJSON`, silakan merujuk ke [dokumentasi plugin syncJSON](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/plugins/sync-json.md).
 
-### (Opsional) Langkah 3: Implementasikan terjemahan JSON per-komponen
+</Step>
+
+<Step number={3} title="Implementasikan terjemahan JSON per-komponen">
 
 Secara default, Intlayer akan memuat, menggabungkan, dan menyinkronkan baik file JSON maupun file deklarasi konten. Lihat [dokumentasi deklarasi konten](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/content_file.md) untuk informasi lebih lanjut. Namun jika Anda lebih suka, menggunakan plugin Intlayer, Anda juga dapat mengimplementasikan pengelolaan JSON terlokalisasi per-komponen di mana saja dalam basis kode Anda.
 
@@ -166,6 +173,10 @@ Ini akan memuat semua file JSON di direktori `src` yang cocok dengan pola `{key}
 
 ---
 
+</Step>
+
+</Steps>
+
 ## Konfigurasi Git
 
 Disarankan untuk mengabaikan file Intlayer yang dihasilkan secara otomatis:

package/blog/id/intlayer_with_next-i18next.md

@@ -23,6 +23,7 @@ history:
   - version: 7.0.0
     date: 2025-10-29
     changes: Berubah ke plugin syncJSON dan penulisan ulang secara menyeluruh
+author: aymericzip
 ---
 
 # Internasionalisasi Next.js (i18n) dengan next-i18next dan Intlayer
@@ -66,7 +67,9 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten unggulan Intla
 
 ## Panduan Langkah demi Langkah untuk Mengatur Intlayer dengan next-i18next
 
-### Langkah 1: Instalasi Dependensi
+<Steps>
+
+<Step number={1} title="Instalasi Dependensi">
 
 Instal paket yang diperlukan menggunakan manajer paket pilihan Anda:
 
@@ -95,7 +98,9 @@ bun x intlayer init
 - **intlayer**: Perpustakaan inti untuk deklarasi dan manajemen konten
 - **@intlayer/sync-json-plugin**: Plugin untuk menyinkronkan deklarasi konten Intlayer ke format JSON i18next
 
-### Langkah 2: Implementasikan plugin Intlayer untuk membungkus JSON
+</Step>
+
+<Step number={2} title="Implementasikan plugin Intlayer untuk membungkus JSON">
 
 Buat file konfigurasi Intlayer untuk mendefinisikan locale yang didukung:
 
@@ -133,7 +138,9 @@ Untuk melihat lebih detail tentang plugin `syncJSON`, silakan merujuk ke [dokume
 
 ---
 
-### (Opsional) Langkah 3: Implementasikan terjemahan JSON per-komponen
+</Step>
+
+<Step number={3} title="Implementasikan terjemahan JSON per-komponen">
 
 Secara default, Intlayer akan memuat, menggabungkan, dan menyinkronkan baik file JSON maupun file deklarasi konten. Lihat [dokumentasi deklarasi konten](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/content_file.md) untuk lebih detail. Namun jika Anda lebih suka, menggunakan plugin Intlayer, Anda juga dapat mengimplementasikan manajemen JSON per-komponen yang dilokalkan di mana saja dalam basis kode Anda.
 
@@ -176,6 +183,10 @@ Ini akan memuat semua file JSON di direktori `src` yang sesuai dengan pola `{key
 
 ---
 
+</Step>
+
+</Steps>
+
 ## Konfigurasi Git
 
 Kecualikan file yang dihasilkan dari kontrol versi:

package/blog/id/intlayer_with_next-intl.md

@@ -22,6 +22,7 @@ history:
   - version: 7.0.0
     date: 2025-10-29
     changes: Mengubah ke plugin syncJSON
+author: aymericzip
 ---
 
 # Cara mengotomatisasi terjemahan JSON next-intl Anda menggunakan Intlayer
@@ -53,7 +54,9 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten unggulan Intla
 
 ## Panduan Langkah demi Langkah untuk Mengatur Intlayer dengan next-intl
 
-### Langkah 1: Instalasi Dependensi
+<Steps>
+
+<Step number={1} title="Instalasi Dependensi">
 
 Instal paket yang diperlukan:
 
@@ -82,7 +85,9 @@ bun x intlayer init
 - **intlayer**: Perpustakaan inti untuk manajemen internasionalisasi, deklarasi konten, dan pembangunan
 - **@intlayer/sync-json-plugin**: Plugin untuk mengekspor deklarasi konten Intlayer ke format JSON yang kompatibel dengan next-intl
 
-### Langkah 2: Implementasikan plugin Intlayer untuk membungkus JSON
+</Step>
+
+<Step number={2} title="Implementasikan plugin Intlayer untuk membungkus JSON">
 
 Buat file konfigurasi Intlayer untuk mendefinisikan locale yang didukung:
 
@@ -119,7 +124,9 @@ Jika perubahan dilakukan menggunakan CLI untuk menerjemahkan JSON, atau mengguna
 
 Untuk melihat lebih detail tentang plugin `syncJSON`, silakan merujuk ke [dokumentasi plugin syncJSON](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/plugins/sync-json.md).
 
-### (Opsional) Langkah 3: Implementasikan terjemahan JSON per-komponen
+</Step>
+
+<Step number={3} title="Implementasikan terjemahan JSON per-komponen">
 
 Secara default, Intlayer akan memuat, menggabungkan, dan menyinkronkan baik file JSON maupun file deklarasi konten. Lihat [dokumentasi deklarasi konten](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/content_file.md) untuk detail lebih lanjut. Namun jika Anda lebih suka, menggunakan plugin Intlayer, Anda juga dapat mengimplementasikan manajemen JSON per-komponen yang dilokalkan di mana saja dalam basis kode Anda.
 
@@ -161,6 +168,10 @@ export default config;
 
 Ini akan memuat semua file JSON di direktori `src` yang cocok dengan pola `{key}.i18n.json` dan memuatnya sebagai kamus Intlayer.
 
+</Step>
+
+</Steps>
+
 ## Konfigurasi Git
 
 Disarankan untuk mengabaikan file Intlayer yang dihasilkan secara otomatis:

package/blog/id/intlayer_with_react-i18next.md

@@ -25,6 +25,7 @@ history:
   - version: 7.0.0
     date: 2025-10-29
     changes: Mengubah ke plugin syncJSON
+author: aymericzip
 ---
 
 # Cara mengotomatisasi terjemahan JSON react-i18next Anda menggunakan Intlayer
@@ -56,7 +57,9 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten unggulan Intla
 
 ## Panduan Langkah demi Langkah untuk Mengatur Intlayer dengan react-i18next
 
-### Langkah 1: Instalasi Dependensi
+<Steps>
+
+<Step number={1} title="Instalasi Dependensi">
 
 Instal paket-paket yang diperlukan:
 
@@ -85,7 +88,9 @@ bun x intlayer init
 - **intlayer**: Perpustakaan inti untuk manajemen internasionalisasi, deklarasi konten, dan pembangunan
 - **@intlayer/sync-json-plugin**: Plugin untuk mengekspor deklarasi konten Intlayer ke format JSON yang kompatibel dengan react-i18next
 
-### Langkah 2: Implementasikan plugin Intlayer untuk membungkus JSON
+</Step>
+
+<Step number={2} title="Implementasikan plugin Intlayer untuk membungkus JSON">
 
 Buat file konfigurasi Intlayer untuk mendefinisikan locale yang didukung:
 
@@ -121,7 +126,9 @@ Jika perubahan dilakukan menggunakan CLI untuk menerjemahkan JSON, atau mengguna
 
 Untuk melihat lebih detail tentang plugin `syncJSON`, silakan merujuk ke [dokumentasi plugin syncJSON](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/plugins/sync-json.md).
 
-### (Opsional) Langkah 3: Implementasi terjemahan JSON per-komponen
+</Step>
+
+<Step number={3} title="Implementasi terjemahan JSON per-komponen">
 
 Secara default, Intlayer akan memuat, menggabungkan, dan menyinkronkan baik file JSON maupun file deklarasi konten. Lihat [dokumentasi deklarasi konten](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/content_file.md) untuk informasi lebih lanjut. Namun jika Anda lebih memilih, menggunakan plugin Intlayer, Anda juga dapat mengimplementasikan manajemen JSON terlokalisasi per-komponen di mana saja dalam basis kode Anda.
 
@@ -162,6 +169,10 @@ export default config;
 
 Ini akan memuat semua file JSON di direktori `src` yang cocok dengan pola `{key}.i18n.json` dan memuatnya sebagai kamus Intlayer.
 
+</Step>
+
+</Steps>
+
 ## Konfigurasi Git
 
 Disarankan untuk mengabaikan file Intlayer yang dihasilkan secara otomatis:

package/blog/id/intlayer_with_react-intl.md

@@ -23,6 +23,7 @@ history:
   - version: 7.0.0
     date: 2025-10-29
     changes: Mengubah ke plugin syncJSON
+author: aymericzip
 ---
 
 # Cara mengotomatisasi terjemahan JSON react-intl Anda menggunakan Intlayer
@@ -54,7 +55,9 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten unggulan Intla
 
 ## Panduan Langkah demi Langkah untuk Mengatur Intlayer dengan react-intl
 
-### Langkah 1: Instalasi Dependensi
+<Steps>
+
+<Step number={1} title="Instalasi Dependensi">
 
 Instal paket yang diperlukan:
 
@@ -83,7 +86,9 @@ bun x intlayer init
 - **intlayer**: Perpustakaan inti untuk manajemen internasionalisasi, deklarasi konten, dan pembangunan
 - **@intlayer/sync-json-plugin**: Plugin untuk mengekspor deklarasi konten Intlayer ke format JSON yang kompatibel dengan react-intl
 
-### Langkah 2: Terapkan plugin Intlayer untuk membungkus JSON
+</Step>
+
+<Step number={2} title="Terapkan plugin Intlayer untuk membungkus JSON">
 
 Buat file konfigurasi Intlayer untuk mendefinisikan locale yang didukung:
 
@@ -120,7 +125,9 @@ Jika perubahan dilakukan menggunakan CLI untuk menerjemahkan JSON, atau mengguna
 
 Untuk melihat lebih detail tentang plugin `syncJSON`, silakan merujuk ke [dokumentasi plugin syncJSON](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/plugins/sync-json.md).
 
-### (Opsional) Langkah 3: Implementasikan terjemahan JSON per-komponen
+</Step>
+
+<Step number={3} title="Implementasikan terjemahan JSON per-komponen">
 
 Secara default, Intlayer akan memuat, menggabungkan, dan menyinkronkan baik file JSON maupun file deklarasi konten. Lihat [dokumentasi deklarasi konten](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/content_file.md) untuk informasi lebih lanjut. Namun jika Anda lebih memilih, menggunakan plugin Intlayer, Anda juga dapat mengimplementasikan manajemen JSON terlokalisasi per-komponen di mana saja dalam basis kode Anda.
 
@@ -162,6 +169,10 @@ export default config;
 
 Ini akan memuat semua file JSON di direktori `src` yang cocok dengan pola `{key}.i18n.json` dan memuatnya sebagai kamus Intlayer.
 
+</Step>
+
+</Steps>
+
 ## Konfigurasi Git
 
 Disarankan untuk mengabaikan file Intlayer yang dihasilkan secara otomatis:

package/blog/id/intlayer_with_vue-i18n.md

@@ -23,6 +23,7 @@ history:
   - version: 7.0.0
     date: 2025-10-29
     changes: Berubah ke plugin syncJSON dan penulisan ulang secara menyeluruh
+author: aymericzip
 ---
 
 # Internasionalisasi Vue.js (i18n) dengan vue-i18n dan Intlayer
@@ -56,7 +57,9 @@ Panduan ini menunjukkan cara memanfaatkan sistem deklarasi konten unggulan Intla
 
 ## Panduan Langkah demi Langkah untuk Mengatur Intlayer dengan vue-i18n
 
-### Langkah 1: Instalasi Dependensi
+<Steps>
+
+<Step number={1} title="Instalasi Dependensi">
 
 Instal paket yang diperlukan menggunakan manajer paket pilihan Anda:
 
@@ -85,7 +88,9 @@ bun x intlayer init
 - **intlayer**: Perpustakaan inti untuk deklarasi dan manajemen konten
 - **@intlayer/sync-json-plugin**: Plugin untuk menyinkronkan deklarasi konten Intlayer ke format JSON vue-i18n
 
-### Langkah 2: Terapkan plugin Intlayer untuk membungkus JSON
+</Step>
+
+<Step number={2} title="Terapkan plugin Intlayer untuk membungkus JSON">
 
 Buat file konfigurasi Intlayer untuk mendefinisikan locale yang didukung:
 
@@ -124,7 +129,9 @@ Untuk melihat lebih detail tentang plugin `syncJSON`, silakan merujuk ke [dokume
 
 ---
 
-### (Opsional) Langkah 3: Implementasikan terjemahan JSON per-komponen
+</Step>
+
+<Step number={3} title="Implementasikan terjemahan JSON per-komponen">
 
 Secara default, Intlayer akan memuat, menggabungkan, dan menyinkronkan baik file JSON maupun file deklarasi konten. Lihat [dokumentasi deklarasi konten](https://github.com/aymericzip/intlayer/blob/main/docs/docs/id/dictionary/content_file.md) untuk detail lebih lanjut. Namun jika Anda lebih memilih, dengan menggunakan plugin Intlayer, Anda juga dapat mengimplementasikan manajemen JSON per-komponen yang dilokalkan di mana saja dalam basis kode Anda.
 
@@ -168,6 +175,10 @@ Ini akan memuat semua file JSON di direktori `src` yang cocok dengan pola `{key}
 
 ---
 
+</Step>
+
+</Steps>
+
 ## Konfigurasi Git
 
 Kecualikan file yang dihasilkan dari kontrol versi:

package/blog/id/l10n_platform_alternative/Lokalise.md

@@ -15,6 +15,7 @@ history:
   - version: 7.5.0
     date: 2025-12-18
     changes: Initial version
+author: aymericzip
 ---
 
 # Alternatif L10n Sumber Terbuka untuk Lokalise (TMS)

package/blog/id/l10n_platform_alternative/crowdin.md

@@ -15,6 +15,7 @@ history:
   - version: 7.5.0
     date: 2025-12-18
     changes: Versi awal
+author: aymericzip
 ---
 
 # Alternatif Open-Source L10N untuk Crowdin (TMS)

package/blog/id/l10n_platform_alternative/phrase.md

@@ -15,6 +15,7 @@ history:
   - version: 7.5.0
     date: 2025-12-18
     changes: Initial version
+author: aymericzip
 ---
 
 # Alternatif L10N Open-Source untuk Phrase (TMS)

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

@@ -16,6 +16,7 @@ slugs:
   - i18n-technologies
   - frameworks
   - angular
+author: aymericzip
 ---
 
 # Menjelajahi Solusi i18n untuk Menerjemahkan Situs Web Angular Anda

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

@@ -16,6 +16,7 @@ slugs:
   - i18n-technologies
   - frameworks
   - react-native
+author: aymericzip
 ---
 
 # Menjelajahi Solusi i18n untuk Menerjemahkan Aplikasi React Native Anda

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

@@ -16,6 +16,7 @@ slugs:
   - i18n-technologies
   - frameworks
   - react
+author: aymericzip
 ---
 
 # Menjelajahi Solusi i18n untuk Menerjemahkan Situs Web React Anda

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

@@ -16,6 +16,7 @@ slugs:
   - i18n-technologies
   - frameworks
   - svelte
+author: aymericzip
 ---
 
 # Menjelajahi Solusi i18n untuk Menerjemahkan Situs Web Svelte Anda

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

@@ -16,6 +16,7 @@ slugs:
   - i18n-technologies
   - frameworks
   - vue
+author: aymericzip
 ---
 
 # Menjelajahi Solusi i18n untuk Menerjemahkan Situs Web Vue.js Anda

package/blog/id/next-i18next_vs_next-intl_vs_intlayer.md

@@ -15,6 +15,7 @@ keywords:
 slugs:
   - blog
   - next-i18next-vs-next-intl-vs-intlayer
+author: aymericzip
 ---
 
 # next-i18next VS next-intl VS intlayer | Internasionalisasi Next.js (i18n)

package/blog/id/nextjs-multilingual-seo-comparison.md

@@ -16,6 +16,7 @@ keywords:
 slugs:
   - blog
   - blog-seo-i18n-nextjs
+author: aymericzip
 ---
 
 # SEO dan i18n di Next.js: Menerjemahkan saja tidak cukup

package/blog/id/per-component_vs_centralized_i18n.md

@@ -13,6 +13,7 @@ keywords:
 slugs:
   - blog
   - per-component-vs-centralized-i18n
+author: aymericzip
 ---
 
 # Per-Komponen vs. i18n Terpusat