@intlayer/docs 8.3.0 → 8.3.1

package/docs/ar/compiler.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2025-09-09
-updatedAt: 2026-03-10
+updatedAt: 2026-03-12
 title: مترجم Intlayer | استخراج المحتوى الآلي للتدويل
 description: قم بأتمتة عملية التدويل الخاصة بك باستخدام مترجم Intlayer. استخرج المحتوى مباشرة من مكوناتك لتحقيق تدويل أسرع وأكثر كفاءة في Vite و Next.js والمزيد.
 keywords:
@@ -22,7 +22,7 @@ slugs:
 history:
   - version: 8.2.0
     date: 2026-03-09
-    changes: Update compiler options, add FilePathPattern support
+    changes: تحديث خيارات المترجم، إضافة دعم FilePathPattern
   - version: 8.1.7
     date: 2026-02-25
     changes: تحديث خيارات المترجم
@@ -136,9 +136,9 @@ const {
 module.exports = {
   presets: ["next/babel"],
   plugins: [
-    // Extract content from components into dictionaries
+    // استخراج المحتوى من المكونات إلى قواميس
     [intlayerExtractBabelPlugin, getExtractPluginOptions()],
-    // Optimize imports by replacing useIntlayer with direct dictionary imports
+    // تحسين الاستيراد عن طريق استبدال useIntlayer باستيراد قواميس مباشر
     [intlayerOptimizeBabelPlugin, getOptimizePluginOptions()],
   ],
 };
@@ -149,73 +149,85 @@ module.exports = {
 See complete tutorial: [Intlayer Compiler with Next.js](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_with_nextjs_compiler.md)
 
  </Tab>
+</Tabs>
 
 ### التكوين المخصص
 
 لتخصيص سلوك المترجم، يمكنك تحديث ملف `intlayer.config.ts` في جذر مشروعك.
 
-```ts fileName="intlayer.config.ts"
+````ts fileName="intlayer.config.ts"
 import { type IntlayerConfig, Locales } from "intlayer";
 
 const config: IntlayerConfig = {
   compiler: {
     /**
+     * يشير إلى ما إذا كان يجب تمكين المجمّع.
      * اضبط على 'build-only' لتخطي المجمّع أثناء التطوير وتسريع أوقات التشغيل.
      */
     enabled: true,
 
     /**
-     * Pattern to traverse the code to optimize.
+     * يحدد مسار ملفات الإخراج. يستبدل `outputDir`.
+     *
+     * - المسارات التي تبدأ بـ `./` يتم حلها بالنسبة لدليل المكون.
+     * - المسارات التي تبدأ بـ `/` يتم حلها بالنسبة لجذر المشروع (`baseDir`).
+     *
+     * - تضمين متغير `{{locale}}` في المسار سيمكن توليد قواميس منفصلة لكل لغة.
+     *
+     * أمثلة:
+     * ```ts
+     * {
+     *   // إنشاء ملف .content.ts متعدد اللغات بجانب المكون
+     *   output: ({ fileName, extension }) => `./${fileName}${extension}`,
+     *
+     *   // output: './{{fileName}}{{extension}}', // تعبير مكافئ باستخدام قالب السلسلة
+     * }
+     * ```
+     *
+     * ```ts
+     * {
+     *   // إنشاء ملفات JSON مركزية لكل لغة في جذر المشروع
+     *   output: ({ key, locale }) => `/locales/${locale}/${key}.content.json`,
+     *
+     *   // output: '/locales/{{locale}}/{{key}}.content.json', // تعبير مكافئ باستخدام قالب السلسلة
+     * }
+     * ```
+     *
+     * قائمة المتغيرات:
+     *   - `fileName`: اسم الملف.
+     *   - `key`: مفتاح المحتوى.
+     *   - `locale`: لغة المحتوى.
+     *   - `extension`: امتداد الملف.
+     *   - `componentFileName`: اسم ملف المكون.
+     *   - `componentExtension`: امتداد ملف المكون.
+     *   - `format`: تنسيق القاموس.
+     *   - `componentFormat`: تنسيق قاموس المكون.
+     *   - `componentDirPath`: مسار دليل المكون.
      */
-    transformPattern: [
-      "**/*.{js,ts,mjs,cjs,jsx,tsx,vue,svelte}",
-      "!**/node_modules/**",
-    ],
+    output: ({ fileName, extension }) => `./${fileName}${extension}`,
 
     /**
-     * Pattern to exclude from the optimization.
-     */
-    excludePattern: ["**/node_modules/**"],
-
-    /**
-     * دليل الإخراج للقواميس المحسنة.
+     * يشير إلى ما إذا كان يجب حفظ المكونات بعد تحويلها.
+     * بهذه الطريقة، يمكن تشغيل المجمّع مرة واحدة فقط لتحويل التطبيق، ثم يمكن إزالته.
      */
-    output: ({ key }) => `compiler/${key}.content.json`,
+    saveComponents: false,
 
     /**
-     * أدخل المحتوى فقط في الملف الذي تم إنشاؤه، بدون مفتاح.
+     * أدخل المحتوى فقط في الملف الذي تم إنشاؤه. مفيد لإخراج JSON لـ i18next أو ICU MessageFormat لكل لغة.
+     *
+     * - `output: ({ locale, key }) => `./locale/${locale}/${key}.json`,`
      */
     noMetadata: false,
 
     /**
      * بادئة مفتاح القاموس
      */
-    dictionaryKeyPrefix: "", // Remove base prefix
-
-    /**
-     * يشير إلى ما إذا كان يجب حفظ المكونات بعد تحويلها.
-     * بهذه الطريقة، يمكن تشغيل المجمّع مرة واحدة فقط لتحويل التطبيق، ثم يمكن إزالته.
-     */
-    saveComponents: false,
+    dictionaryKeyPrefix: "", // إضافة بادئة اختيارية لمفاتيح القواميس المستخرجة
   },
 };
 
 export default config;
-```
-
-### ملء الترجمات المفقودة
-
-يوفر Intlayer أداة CLI لمساعدتك في ملء الترجمات المفقودة. يمكنك استخدام أمر `intlayer` لاختبار وملء الترجمات المفقودة من الكود الخاص بك.
-
-```bash
-npx intlayer test         # اختبار ما إذا كانت هناك ترجمات مفقودة
-```
-
-```bash
-npx intlayer fill         # ملء الترجمات المفقودة
-```
-
-> لمزيد من التفاصيل، راجع [توثيق CLI](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/cli/ci.md)
+````
 
 ### مرجع تكوين المجمّع
 
@@ -225,36 +237,37 @@ npx intlayer fill         # ملء الترجمات المفقودة
   - _النوع_: `boolean | 'build-only'`
   - _الافتراضي_: `true`
   - _الوصف_: يشير إلى ما إذا كان يجب تمكين المجمّع.
+
 - **dictionaryKeyPrefix**:
   - _النوع_: `string`
-  - _الافتراضي_: `'comp-'`
+  - _الافتراضي_: `''`
   - _الوصف_: بادئة لمفاتيح القواميس المستخرجة.
+
 - **transformPattern**:
   - _النوع_: `string | string[]`
   - _الافتراضي_: `['**/*.{js,ts,mjs,cjs,jsx,tsx,vue,svelte}', '!**/node_modules/**']`
-  - _الوصف_: أنماط لاجتياز الكود لتحسينه.
+  - _الوصف_: (مهجور: استخدم `build.traversePattern` بدلاً من ذلك) أنماط لاجتياز الكود لتحسينه.
+
 - **excludePattern**:
   - _النوع_: `string | string[]`
   - _الافتراضي_: `['**/node_modules/**']`
-  - _الوصف_: أنماط لاستبعادها من التحسين.
-- **outputDir** (Deprecated):
-  - _النوع_: `string`
-  - _الافتراضي_: `'compiler'`
-  - _الوصف_: الدليل الذي سيتم تخزين القواميس المستخرجة فيه.
+  - _الوصف_: (مهجور: استخدم `build.traversePattern` بدلاً من ذلك) أنماط لاستبعادها من التحسين.
 
 - **output**:
   - _النوع_: `FilePathPattern`
   - _الافتراضي_: `({ key }) => 'compiler/${key}.content.json'`
   - _الوصف_: يحدد مسار ملفات الإخراج. يستبدل `outputDir`. يتعامل مع المتغيرات الديناميكية مثل `{{locale}}` و `{{key}}` و `{{fileName}}` و `{{extension}}` و `{{format}}` و `{{dirPath}}` و `{{componentFileName}}` و `{{componentExtension}}` و `{{componentFormat}}`. يمكن تعيينه كسلسلة باستخدام تنسيق `'my/{{var}}/path'`، أو كدالة.
   - _ملاحظة_: يتم حل مسار `./**/*` بالنسبة للمكون. يتم حل مسار `/**/*` بالنسبة لـ `baseDir` الخاص بـ Intlayer.
+  - _ملاحظة_: إذا تم تعريف اللغة في المسار، سيتم توليد القواميس لكل لغة.
   - _مثال_: `output: ({ locale, key }) => 'compiler/${locale}/${key}.json'`
 
 - **noMetadata**:
   - _النوع_: `boolean`
   - _الافتراضي_: `false`
-  - _الوصف_: يشير إلى ما إذا كان سيتم حفظ البيانات الوصفية في الملف. إذا كان صحيحا، فلن يحفظ المجمّع البيانات الوصفية للقواميس (المفتاح، غلاف المحتوى).
+  - _الوصف_: يشير إلى ما إذا كان سيتم حفظ البيانات الوصفية في الملف. إذا كان صحيحا، فلن يحفظ المجمّع البيانات الوصفية للقواميس (المفتاح، غلاف المحتوى). مفيد لمخرجات JSON i18next أو ICU MessageFormat لكل لغة.
   - _ملاحظة_: مفيد إذا تم استخدامه مع إضافة `loadJSON`.
-  - _مثال_: إذا كان `true`:
+  - _مثال_:
+    إذا كان `true`:
     ```json
     {
       "key": "value"
@@ -274,3 +287,25 @@ npx intlayer fill         # ملء الترجمات المفقودة
   - _النوع_: `boolean`
   - _الافتراضي_: `false`
   - _الوصف_: يشير إلى ما إذا كان يجب حفظ المكونات بعد تحويلها.
+
+### ملء الترجمات المفقودة
+
+يوفر Intlayer أداة CLI لمساعدتك في ملء الترجمات المفقودة. يمكنك استخدام أمر `intlayer` لاختبار وملء الترجمات المفقودة من الكود الخاص بك.
+
+```bash
+npx intlayer test         # اختبار ما إذا كانت هناك ترجمات مفقودة
+```
+
+```bash
+npx intlayer fill         # ملء الترجمات المفقودة
+```
+
+### الاستخراج
+
+يوفر Intlayer أداة CLI لاستخراج المحتوى من الكود الخاص بك. يمكنك استخدام أمر `intlayer extract` لاستخراج المحتوى من الكود الخاص بك.
+
+```bash
+npx intlayer extract
+```
+
+> لمزيد من التفاصيل، راجع [توثيق CLI](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/cli/index.md)

package/docs/ar/configuration.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-13
-updatedAt: 2026-03-11
+updatedAt: 2026-03-12
 title: التهيئة
 description: تعلّم كيفية تهيئة Intlayer لتطبيقك. فهم الإعدادات والخيارات المختلفة المتاحة لتخصيص Intlayer حسب احتياجاتك.
 keywords:
@@ -15,7 +15,7 @@ slugs:
   - configuration
 history:
   - version: 8.3.0
-    data: 2026-03-11
+    date: 2026-03-11
     changes: نقل 'baseDir' من تكوين 'content' إلى تكوين 'system'
   - version: 8.2.0
     date: 2026-03-09
@@ -92,7 +92,7 @@ history:
 
 ## مثال على ملف التهيئة
 
-```typescript fileName="intlayer.config.ts" codeFormat="typescript"
+````typescript fileName="intlayer.config.ts" codeFormat="typescript"
 import { Locales, type IntlayerConfig } from "intlayer";
 import { nextjsRewrite } from "intlayer/routing";
 import { z } from "zod";
@@ -190,7 +190,7 @@ const config: IntlayerConfig = {
      * Options: 'cookie', 'localStorage', 'sessionStorage', 'header', or an array of these.
      * Default: ['cookie', 'header']
      */
-    storage: "cookie",
+    storage: ["cookie", "header"],
 
     /**
      * Base path for the application URLs.
@@ -327,6 +327,17 @@ const config: IntlayerConfig = {
      * Base URL for the AI API.
      */
     baseURL: "http://localhost:3000",
+
+    /**
+     * تسلسل البيانات
+     *
+     * الخيارات:
+     * - "json": معيار ، موثوق ؛ يستخدم المزيد من الرموز.
+     * - "toon": عدد أقل من الرموز المميزة ، أقل اتساقا من JSON.
+     *
+     * الافتراضي: "json"
+     */
+    dataSerialization: "json",
   },
 
   /**
@@ -426,42 +437,70 @@ const config: IntlayerConfig = {
   compiler: {
     /**
      * يشير إلى ما إذا كان يجب تمكين المجمّع.
+     *
+     * - false : تعطيل المجمّع.
+     * - true : تمكين المجمّع.
+     * - "build-only" : تخطي المجمّع أثناء التطوير لتسريع أوقات التشغيل.
+     *
+     * الافتراضي : false
      */
     enabled: true,
 
     /**
-     * Pattern to traverse the code to optimize.
-     */
-    transformPattern: [
-      "**/*.{js,ts,mjs,cjs,jsx,tsx,vue,svelte}",
-      "!**/node_modules/**",
-    ],
-
-    /**
-     * Pattern to exclude from the optimization.
+     * يحدد مسار ملفات الإخراج. يستبدل `outputDir`.
+     *
+     * - المسارات التي تبدأ بـ `./` يتم حلها بالنسبة لدليل المكون.
+     * - المسارات التي تبدأ بـ `/` يتم حلها بالنسبة لجذر المشروع (`baseDir`).
+     *
+     * - تضمين متغير `{{locale}}` في المسار سيمكن توليد قواميس منفصلة لكل لغة.
+     *
+     * أمثلة:
+     * ```ts
+     * {
+     *   // إنشاء ملف .content.ts متعدد اللغات بجانب المكون
+     *   output: ({ fileName, extension }) => `./${fileName}${extension}`,
+     *
+     *   // output: './{{fileName}}{{extension}}', // تعبير مكافئ باستخدام قالب السلسلة
+     * }
+     * ```
+     *
+     * ```ts
+     * {
+     *   // إنشاء ملفات JSON مركزية لكل لغة في جذر المشروع
+     *   output: ({ key, locale }) => `/locales/${locale}/${key}.content.json`,
+     *
+     *   // output: '/locales/{{locale}}/{{key}}.content.json', // تعبير مكافئ باستخدام قالب السلسلة
+     * }
+     * ```
+     *
+     * قائمة المتغيرات:
+     *   - `fileName`: اسم الملف.
+     *   - `key`: مفتاح المحتوى.
+     *   - `locale`: لغة المحتوى.
+     *   - `extension`: امتداد الملف.
+     *   - `componentFileName`: اسم ملف المكون.
+     *   - `componentExtension`: امتداد ملف المكون.
+     *   - `format`: تنسيق القاموس.
+     *   - `componentFormat`: تنسيق قاموس المكون.
+     *   - `componentDirPath`: مسار دليل المكون.
      */
-    excludePattern: ["**/node_modules/**"],
+    output: ({ locale, key }) => `compiler/${locale}/${key}.json`,
 
     /**
-     * دليل الإخراج للقواميس المحسنة.
+     * يشير إلى ما إذا كان يجب حفظ المكونات بعد تحويلها.
+     * بهذه الطريقة، يمكن تشغيل المجمّع مرة واحدة فقط لتحويل التطبيق، ثم يمكن إزالته.
      */
-    output: ({ key }) => `compiler/${key}.content.json`,
+    saveComponents: false,
 
     /**
-     * أدخل المحتوى فقط في الملف الذي تم إنشاؤه، بدون مفتاح.
+     * أدخل المحتوى فقط في الملف الذي تم إنشاؤه. مفيد لمخرجات JSON i18next أو ICU MessageFormat لكل لغة.
      */
     noMetadata: false,
 
     /**
      * بادئة مفتاح القاموس
      */
-    dictionaryKeyPrefix: "", // Remove base prefix
-
-    /**
-     * يشير إلى ما إذا كان يجب حفظ المكونات بعد تحويلها.
-     * بهذه الطريقة، يمكن تشغيل المجمّع مرة واحدة فقط لتحويل التطبيق، ثم يمكن إزالته.
-     */
-    saveComponents: false,
+    dictionaryKeyPrefix: "", // إضافة بادئة اختيارية لمفاتيح القاموس المستخرجة
   },
 
   /**
@@ -480,7 +519,7 @@ const config: IntlayerConfig = {
 };
 
 export default config;
-```
+````
 
 ## مرجع التهيئة
 
@@ -1042,7 +1081,7 @@ export default config;
 
 - **dictionaryKeyPrefix**:
   - _النوع_: `string`
-  - _الافتراضي_: `'comp-'`
+  - _الافتراضي_: `''`
   - _الوصف_: بادئة لمفاتيح القاموس المستخرجة.
   - _المثال_: `'my-key-'`
   - _ملاحظة_: عند استخراج القواميس، يتم إنشاء المفتاح بناءً على اسم الملف. يتم إضافة هذه البادئة إلى المفتاح الذي تم إنشاؤه لمنع التضارب.
@@ -1066,24 +1105,28 @@ export default config;
   - _الوصف_: الأنماط التي تحدد الملفات التي يجب استبعادها أثناء التحسين.
   - _المثال_: `['**/node_modules/**', '!**/node_modules/react/**']`
 
-- **outputDir**:
-  - _النوع_: `string`
-  - _الافتراضي_: `'compiler'`
-  - _الوصف_: الدليل الذي سيتم تخزين القواميس المستخرجة فيه، بالنسبة لمسار أساس مشروعك.
-
 - **output**:
   - _النوع_: `FilePathPattern`
-  - _الافتراضي_: `({ key }) => 'compiler/${key}.content.json'`
-  - _الوصف_: يحدد مسار ملفات الإخراج. يستبدل `outputDir`. يتعامل مع المتغيرات الديناميكية مثل `{{locale}}` و `{{key}}` و `{{fileName}}` و `{{extension}}` و `{{format}}` و `{{dirPath}}` و `{{componentFileName}}` و `{{componentExtension}}` و `{{componentFormat}}`. يمكن تعيينه كسلسلة باستخدام تنسيق `'my/{{var}}/path'`، أو كدالة.
-  - _ملاحظة_: يتم حل مسار `./**/*` بالنسبة للمكون. يتم حل مسار `/**/*` بالنسبة لـ `baseDir` الخاص بـ Intlayer.
-  - _مثال_: `output: ({ locale, key }) => 'compiler/${locale}/${key}.json'`
+  - _الافتراضي_: `undefined`
+  - _الوصف_: يحدد مسار ملفات الإخراج. يستبدل `outputDir`. يدعم المتغيرات الديناميكية عبر قالب سلسلة أو دالة. المتغيرات المدعومة: `{{fileName}}`, `{{key}}`, `{{locale}}`, `{{extension}}`, `{{componentFileName}}`, `{{componentExtension}}`, `{{format}}`, `{{componentFormat}}`, `{{componentDirPath}}`.
+  - _ملاحظة_: يتم حل المسارات التي تبدأ بـ `./` بالنسبة لدليل المكون. يتم حل المسارات التي تبدأ بـ `/` بالنسبة لجذر المشروع (`baseDir`).
+  - _ملاحظة_: تضمين المتغير `{{locale}}` في المسار سيمكن من توليد قواميس منفصلة حسب اللغة.
+  - _مثال_:
+    - **إنشاء ملفات متعددة اللغات بجانب المكون**:
+    - سلسلة: `'./{{fileName}}{{extension}}'`
+    - دالة: `({ fileName, extension }) => \`./${fileName}${extension}\``
+
+    - **إخراج ملفات JSON مركزية حسب اللغة**:
+    - سلسلة: `'/locales/{{locale}}/{{key}}.content.json'`
+    - دالة: `({ key, locale }) => \`/locales/${locale}/${key}.content.json\``
 
 - **noMetadata**:
   - _النوع_: `boolean`
   - _الافتراضي_: `false`
-  - _الوصف_: يشير إلى ما إذا كان سيتم حفظ البيانات الوصفية في الملف. إذا كان صحيحا، فلن يحفظ المجمّع البيانات الوصفية للقواميس (المفتاح، غلاف المحتوى).
+  - _الوصف_: يشير إلى ما إذا كان سيتم حفظ البيانات الوصفية في الملف. إذا كان صحيحا، فلن يحفظ المجمّع البيانات الوصفية للقواميس (المفتاح، غلاف المحتوى). مفيد لمخرجات JSON i18next أو ICU MessageFormat لكل لغة.
   - _ملاحظة_: مفيد إذا تم استخدامه مع إضافة `loadJSON`.
-  - _مثال_: إذا كان `true`:
+  - _مثال_:
+    إذا كان `true`:
     ```json
     {
       "key": "value"

package/docs/ar/intlayer_with_nextjs_16.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-12-06
-updatedAt: 2025-12-30
+updatedAt: 2026-03-12
 title: Next.js i18n - كيفية ترجمة تطبيق Next.js 16 في 2026
 description: اكتشف كيفية جعل موقع Next.js 16 الخاص بك متعدد اللغات. اتبع الوثائق لتدويل (i18n) وترجمته.
 keywords:
@@ -1562,6 +1562,179 @@ const Link = ({ href, children, ...props }) => {
 };
 ```
 
+### (اختياري) خطوة 1 : استخراج محتوى مكوناتك
+
+إذا كان لديك قاعدة بيانات كود موجودة، فقد يكون تحويل آلاف الملفات مستهلكًا للوقت.
+
+لتسهيل هذه العملية، يقترح Intlayer [مترجمًا](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/compiler.md) / [مستخرجًا](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/cli/extract.md) لتحويل مكوناتك واستخراج المحتوى.
+
+لإعداده، يمكنك إضافة قسم `compiler` في ملف `intlayer.config.ts` الخاص بك:
+
+```typescript fileName="intlayer.config.ts" codeFormat="typescript"
+import { type IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  // ... بقية التكوين الخاص بك
+  compiler: {
+    /**
+     * يشير إلى ما إذا كان يجب تمكين المترجم.
+     */
+    enabled: true,
+
+    /**
+     * يحدد مسار ملفات المخرجات
+     */
+    output: ({ fileName, extension }) => `./${fileName}${extension}`,
+
+    /**
+     * يشير إلى ما إذا كان يجب حفظ المكونات بعد تحويلها. بهذه الطريقة، يمكن تشغيل المترجم مرة واحدة فقط لتحويل التطبيق، ثم يمكن إزالته.
+     */
+    saveComponents: false,
+
+    /**
+     * بادئة مفتاح القاموس
+     */
+    dictionaryKeyPrefix: "",
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.mjs" codeFormat="esm"
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  // ... بقية التكوين الخاص بك
+  compiler: {
+    /**
+     * يشير إلى ما إذا كان يجب تمكين المترجم.
+     */
+    enabled: true,
+
+    /**
+     * يحدد مسار ملفات المخرجات
+     */
+    output: ({ fileName, extension }) => `./${fileName}${extension}`,
+
+    /**
+     * يشير إلى ما إذا كان يجب حفظ المكونات بعد تحويلها. بهذه الطريقة، يمكن تشغيل المترجم مرة واحدة فقط لتحويل التطبيق، ثم يمكن إزالته.
+     */
+    saveComponents: false,
+
+    /**
+     * بادئة مفتاح القاموس
+     */
+    dictionaryKeyPrefix: "",
+  },
+};
+
+export default config;
+```
+
+```javascript fileName="intlayer.config.cjs" codeFormat="commonjs"
+/** @type {import('intlayer').IntlayerConfig} */
+const config = {
+  // ... بقية التكوين الخاص بك
+  compiler: {
+    /**
+     * يشير إلى ما إذا كان يجب تمكين المترجم.
+     */
+    enabled: true,
+
+    /**
+     * يحدد مسار ملفات المخرجات
+     */
+    output: ({ fileName, extension }) => `./${fileName}${extension}`,
+
+    /**
+     * يشير إلى ما إذا كان يجب حفظ المكونات بعد تحويلها. بهذه الطريقة، يمكن تشغيل المترجم مرة واحدة فقط لتحويل التطبيق، ثم يمكن إزالته.
+     */
+    saveComponents: false,
+
+    /**
+     * بادئة مفتاح القاموس
+     */
+    dictionaryKeyPrefix: "",
+  },
+};
+
+module.exports = config;
+```
+
+<Tabs>
+ <Tab value='أمر الاستخراج'>
+
+قم بتشغيل المستخرج لتحويل مكوناتك واستخراج المحتوى
+
+```bash packageManager="npm"
+npx intlayer extract
+```
+
+```bash packageManager="pnpm"
+pnpm intlayer extract
+```
+
+```bash packageManager="yarn"
+yarn intlayer extract
+```
+
+```bash packageManager="bun"
+bunx intlayer extract
+```
+
+ </Tab>
+ <Tab value='مترجم Babel'>
+
+```bash packageManager="npm"
+npm install @intlayer/babel --save-dev
+```
+
+```bash packageManager="pnpm"
+pnpm add @intlayer/babel --save-dev
+```
+
+```bash packageManager="yarn"
+yarn add @intlayer/babel --save-dev
+```
+
+```bash packageManager="bun"
+bun add @intlayer/babel --dev
+```
+
+```js fileName="babel.config.js"
+const {
+  intlayerExtractBabelPlugin,
+  getExtractPluginOptions,
+} = require("@intlayer/babel");
+
+module.exports = {
+  presets: ["next/babel"],
+  plugins: [
+    // استخراج المحتوى من المكونات إلى القواميس
+    [intlayerExtractBabelPlugin, getExtractPluginOptions()],
+  ],
+};
+```
+
+```bash packageManager="npm"
+npm run build # أو npm run dev
+```
+
+```bash packageManager="pnpm"
+pnpm run build # Or pnpm run dev
+```
+
+```bash packageManager="yarn"
+yarn build # Or yarn dev
+```
+
+```bash packageManager="bun"
+bun run build # Or bun run dev
+```
+
+ </Tab>
+</Tabs>
+
 #### كيف يعمل
 
 - **اكتشاف الروابط الخارجية**: