@intlayer/docs 6.0.2 → 6.1.1

package/docs/ar/packages/react-intlayer/index.md

@@ -1,279 +0,0 @@
----
-createdAt: 2024-08-11
-updatedAt: 2025-06-29
-title: توثيق الحزمة | react-intlayer
-description: تعرف على كيفية استخدام حزمة react-intlayer
-keywords:
-  - Intlayer
-  - react-intlayer
-  - التدويل
-  - التوثيق
-  - Next.js
-  - جافاسكريبت
-  - React
-slugs:
-  - doc
-  - packages
-  - react-intlayer
----
-
-# react-intlayer: حزمة NPM لتدويل (i18n) تطبيق React
-
-**Intlayer** هي مجموعة من الحزم مصممة خصيصًا لمطوري جافاسكريبت. وهي متوافقة مع أُطُر مثل React وReact وExpress.js.
-
-**حزمة `react-intlayer`** تتيح لك تدويل تطبيق React الخاص بك. فهي توفر موفري السياق (context providers) وخطافات (hooks) لتدويل React.
-
-## لماذا تقوم بتدويل تطبيق React الخاص بك؟
-
-تدويل تطبيق React الخاص بك أمر ضروري لخدمة جمهور عالمي بشكل فعال. فهو يسمح لتطبيقك بتقديم المحتوى والرسائل بلغة كل مستخدم المفضلة. تعزز هذه القدرة تجربة المستخدم وتوسع نطاق تطبيقك بجعله أكثر وصولاً وملاءمة للأشخاص من خلفيات لغوية مختلفة.
-
-## لماذا تدمج Intlayer؟
-
-- **إدارة المحتوى مدعومة بجافاسكريبت**: استغل مرونة جافاسكريبت لتعريف وإدارة المحتوى الخاص بك بكفاءة.
-- **بيئة آمنة من حيث النوع**: استغل TypeScript لضمان أن جميع تعريفات المحتوى الخاصة بك دقيقة وخالية من الأخطاء.
-- **ملفات محتوى مدمجة**: احتفظ بترجماتك قريبة من مكوناتها الخاصة، مما يعزز سهولة الصيانة والوضوح.
-
-## التثبيت
-
-قم بتثبيت الحزمة اللازمة باستخدام مدير الحزم المفضل لديك:
-
-```bash packageManager="npm"
-npm install react-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add react-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add react-intlayer
-```
-
-## مثال على الاستخدام
-
-مع Intlayer، يمكنك إعلان المحتوى الخاص بك بطريقة منظمة في أي مكان في قاعدة الشيفرة الخاصة بك.
-
-بشكل افتراضي، يقوم Intlayer بفحص الملفات التي تحمل الامتداد `.content.{json,ts,tsx,js,jsx,mjs,mjx,cjs,cjx}`.
-
-> يمكنك تعديل الامتداد الافتراضي عن طريق تعيين خاصية `contentDir` في [ملف التهيئة](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/configuration.md).
-
-```bash codeFormat="typescript"
-.
-├── intlayer.config.ts
-└── src
-    └── components
-        ├── Component1
-        │   ├── index.content.ts
-        │   └── index.tsx
-        └── Component2
-            ├── index.content.ts
-            └── index.tsx
-```
-
-```bash codeFormat="esm"
-.
-├── intlayer.config.mjs
-└── src
-    └── components
-        ├── Component1
-        │   ├── index.content.mjs
-        │   └── index.mjx
-        └── Component2
-            ├── index.content.mjs
-            └── index.mjx
-```
-
-```bash codeFormat="commonjs"
-.
-├── intlayer.config.cjs
-└── src
-    └── components
-        ├── Component1
-        │   ├── index.content.cjs
-        │   └── index.cjx
-        └── Component2
-            ├── index.content.cjs
-            └── index.cjx
-```
-
-### إعلان المحتوى الخاص بك
-
-تم تصميم `react-intlayer` للعمل مع حزمة [`intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/packages/intlayer/index.md). `intlayer` هي حزمة تتيح لك إعلان المحتوى الخاص بك في أي مكان في الكود الخاص بك. تقوم بتحويل إعلانات المحتوى متعددة اللغات إلى قواميس منظمة تندمج بسلاسة في تطبيقك.
-
-إليك مثال على إعلان المحتوى:
-
-```tsx fileName="src/Component1/index.content.ts" codeFormat="typescript"
-import { t, type Dictionary } from "intlayer";
-
-const component1Content = {
-  key: "component-1",
-  content: {
-    myTranslatedContent: t({
-      en: "مرحبا بالعالم",
-      fr: "Bonjour le monde",
-      es: "Hola Mundo",
-    }),
-    numberOfCar: enu({
-      "<-1": "أقل من ناقص سيارة واحدة",
-      "-1": "ناقص سيارة واحدة",
-      "0": "لا سيارات",
-      "1": "سيارة واحدة",
-      ">5": "بعض السيارات",
-      ">19": "العديد من السيارات",
-    }),
-  },
-} satisfies Dictionary;
-
-export default component1Content;
-```
-
-```jsx fileName="src/Component1/index.content.mjs" contentDeclarationFormat="esm"
-import { t } from "intlayer";
-
-/** @type {import('intlayer').Dictionary} */
-const component1Content = {
-  key: "component-1",
-  content: {
-    myTranslatedContent: t({
-      en: "مرحبا بالعالم",
-      fr: "Bonjour le monde",
-      es: "Hola Mundo",
-    }),
-    numberOfCar: enu({
-      "<-1": "أقل من ناقص سيارة واحدة",
-      "-1": "ناقص سيارة واحدة",
-      "0": "لا سيارات",
-      "1": "سيارة واحدة",
-      ">5": "بعض السيارات",
-      ">19": "العديد من السيارات",
-    }),
-  },
-};
-
-export default component1Content;
-```
-
-```jsx fileName="src/Component1/index.content.cjs" contentDeclarationFormat="commonjs"
-const { t } = require("intlayer");
-
-/** @type {import('intlayer').Dictionary} */
-const component1Content = {
-  key: "component-1",
-  content: {
-    myTranslatedContent: t({
-      en: "مرحبا بالعالم",
-      fr: "Bonjour le monde",
-      es: "Hola Mundo",
-    }),
-    numberOfCar: enu({
-      "<-1": "أقل من ناقص سيارة واحدة",
-      "-1": "ناقص سيارة واحدة",
-      "0": "لا سيارات",
-      "1": "سيارة واحدة",
-      ">5": "بعض السيارات",
-      ">19": "العديد من السيارات",
-    }),
-  },
-};
-
-module.exports = component1Content;
-```
-
-```json fileName="src/Component1/index.content.json" codeFormat="json"
-{
-  "key": "component-1",
-  "content": {
-    "myTranslatedContent": {
-      "nodeType": "translation",
-      "translation": {
-        "en": "Hello World",
-        "fr": "Bonjour le monde",
-        "es": "Hola Mundo"
-      }
-    },
-    "numberOfCar": {
-      "nodeType": "enumeration",
-      "enumeration": {
-        "<-1": "أقل من ناقص سيارة واحدة",
-        "-1": "ناقص سيارة واحدة",
-        "0": "لا سيارات",
-        "1": "سيارة واحدة",
-        ">5": "بعض السيارات",
-        ">19": "العديد من السيارات"
-      }
-    }
-  }
-}
-```
-
-### استخدام المحتوى في الكود الخاص بك
-
-بمجرد أن تقوم بإعلان المحتوى الخاص بك، يمكنك استخدامه في الكود الخاص بك. فيما يلي مثال على كيفية استخدام المحتوى في مكون React:
-
-```tsx {4,7} fileName="src/components/Component1Example.tsx" codeFormat="typescript"
-"use client";
-
-import type { FC } from "react";
-import { useIntlayer } from "react-intlayer";
-
-export const Component1Example: FC = () => {
-  const { myTranslatedContent } = useIntlayer("component-1"); // إنشاء إعلان المحتوى المرتبط
-
-  return (
-    <div>
-      <p>{myTranslatedContent}</p>
-    </div>
-  );
-};
-```
-
-```jsx {3,6} fileName="src/components/Component1Example.mjx" codeFormat="esm"
-"use client";
-
-import { useIntlayer } from "react-intlayer";
-
-const Component1Example = () => {
-  const { myTranslatedContent } = useIntlayer("component-1"); // إنشاء إعلان المحتوى المرتبط
-
-  return (
-    <div>
-      <p>{myTranslatedContent}</p>
-    </div>
-  );
-};
-```
-
-```jsx {3,6} fileName="src/components/Component1Example.csx" codeFormat="commonjs"
-"use client";
-
-const { useIntlayer } = require("react-intlayer");
-
-const Component1Example = () => {
-  const { myTranslatedContent } = useIntlayer("component-1"); // إنشاء إعلان المحتوى المرتبط
-
-  return (
-    <div>
-      <p>{myTranslatedContent}</p>
-    </div>
-  );
-};
-```
-
-## إتقان التدويل في تطبيق React الخاص بك
-
-يوفر Intlayer العديد من الميزات لمساعدتك في تدويل تطبيق React الخاص بك.
-
-**لمعرفة المزيد عن هذه الميزات، راجع دليل [التدويل في React (i18n) مع Intlayer و Vite و React](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/intlayer_with_vite+react.md) لتطبيق Vite و React، أو دليل [التدويل في React (i18n) مع Intlayer و React (CRA)](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/intlayer_with_create_react_app.md) لتطبيق React Create App.**
-
-## الوظائف المقدمة من حزمة `react-intlayer`
-
-توفر حزمة `react-intlayer` أيضًا بعض الوظائف لمساعدتك في تدويل تطبيقك.
-
-- [`t()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/packages/react-intlayer/t.md)
-- [`useIntlayer()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/packages/react-intlayer/useIntlayer.md)
-- [`useDictionary()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/packages/react-intlayer/useDictionary.md)
-- [`useLocale()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/packages/react-intlayer/useLocale.md)
-
-## تاريخ الوثيقة
-
-- 5.5.10 - 2025-06-29: بداية السجل

package/docs/ar/packages/react-native-intlayer/index.md

@@ -1,83 +0,0 @@
----
-createdAt: 2025-03-13
-updatedAt: 2025-06-29
-title: توثيق الحزمة | react-native-intlayer
-description: تعرف على كيفية استخدام حزمة react-native-intlayer
-keywords:
-  - Intlayer
-  - React Native
-  - react-native-intlayer
-  - التدويل
-  - التوثيق
-  - Next.js
-  - جافا سكريبت
-  - React
-slugs:
-  - doc
-  - packages
-  - react-native-intlayer
----
-
-# react-native-intlayer: تدويل (i18n) تطبيق React Native
-
-**Intlayer** هي مجموعة من الحزم مصممة خصيصًا لمطوري جافا سكريبت. وهي متوافقة مع أُطُر العمل مثل React وReact وExpress.js.
-
-**حزمة `react-native-intlayer`** تتيح لك تدويل تطبيق Vite الخاص بك. تشمل هذه الحزمة إضافة Metro التي تسمح بضبط الإعدادات من خلال متغيرات البيئة في [مجمع Metro](https://docs.expo.dev/guides/customizing-metro/).
-
-## لماذا تقوم بتدويل تطبيق React Native الخاص بك؟
-
-تدويل تطبيق React Native الخاص بك أمر ضروري لخدمة جمهور عالمي بشكل فعال. فهو يسمح لتطبيقك بتقديم المحتوى والرسائل باللغة المفضلة لكل مستخدم. تعزز هذه القدرة تجربة المستخدم وتوسع نطاق تطبيقك بجعله أكثر وصولًا وملاءمة للأشخاص من خلفيات لغوية مختلفة.
-
-## الإعداد
-
-تعمل حزمة `react-native-intlayer` بسلاسة مع حزمة [`react-intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/packages/react-intlayer/index.md)، وحزمة [`intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/packages/intlayer/index.md). ألقِ نظرة على الوثائق ذات الصلة لمزيد من المعلومات.
-
-## التثبيت
-
-قم بتثبيت الحزمة اللازمة باستخدام مدير الحزم المفضل لديك:
-
-```bash packageManager="npm"
-npm install react-native-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add react-native-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add react-native-intlayer
-```
-
-## مثال على الاستخدام
-
-انظر مثالًا على كيفية تضمين الإضافات في تكوين vite الخاص بك.
-
-```js
-// metro.config.js
-const { getDefaultConfig } = require("expo/metro-config");
-const { configMetroIntlayer } = require("react-native-intlayer/metro");
-
-module.exports = (async () => {
-  const defaultConfig = getDefaultConfig(__dirname);
-
-  return await configMetroIntlayer(defaultConfig);
-})();
-```
-
-## إتقان التدويل لتطبيق Vite الخاص بك
-
-يوفر Intlayer العديد من الميزات لمساعدتك في تدويل تطبيق Vite الخاص بك.
-
-**لتعلم المزيد عن هذه الميزات، راجع دليل [التدويل في React (i18n) مع Intlayer و React Native](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/intlayer_with_react_native+expo.md) لتطبيق React Native.**
-
-## اقرأ عن Intlayer
-
-- [موقع Intlayer الإلكتروني](https://intlayer.org)
-- [توثيق Intlayer](https://intlayer.org/doc)
-- [مستودع Intlayer على GitHub](https://github.com/aymericzip/intlayer)
-
-- [اطرح أسئلتك على توثيقنا الذكي](https://intlayer.org/docchat)
-
-## تاريخ التوثيق
-
-- 5.5.10 - 2025-06-29: بداية التاريخ

package/docs/ar/packages/react-scripts-intlayer/index.md

@@ -1,80 +0,0 @@
----
-createdAt: 2024-08-11
-updatedAt: 2025-06-29
-title: توثيق الحزمة | react-scripts-intlayer
-description: تعرف على كيفية استخدام حزمة react-scripts-intlayer
-keywords:
-  - Intlayer
-  - react-scripts-intlayer
-  - التدويل
-  - التوثيق
-  - Next.js
-  - جافا سكريبت
-  - React
-slugs:
-  - doc
-  - packages
-  - react-scripts-intlayer
----
-
-# react-scripts-intlayer: حزمة NPM لاستخدام Intlayer في تطبيق React Create App
-
-**Intlayer** هي مجموعة من الحزم مصممة خصيصًا لمطوري جافا سكريبت. وهي متوافقة مع أُطُر العمل مثل React وExpress.js.
-
-**حزمة `react-scripts-intlayer`** تتضمن أوامر وإضافات `react-scripts-intlayer` لدمج Intlayer مع التطبيق المبني على Create React App. تعتمد هذه الإضافات على [craco](https://craco.js.org/) وتتضمن تكوينًا إضافيًا لأداة التجميع [Webpack](https://webpack.js.org/).
-
-## التكوين
-
-تعمل حزمة `react-scripts-intlayer` بسلاسة مع حزمة [`react-intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/packages/react-intlayer/index.md)، وحزمة [`intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/packages/intlayer/index.md). اطلع على التوثيق ذي الصلة لمزيد من المعلومات.
-
-## التثبيت
-
-قم بتثبيت الحزمة اللازمة باستخدام مدير الحزم المفضل لديك:
-
-```bash packageManager="npm"
-npm install react-scripts-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add react-scripts-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add react-scripts-intlayer
-```
-
-## الاستخدام
-
-### أوامر CLI
-
-توفر حزمة `react-scripts-intlayer` أوامر CLI التالية:
-
-- `npx react-scripts-intlayer build`: يبني تطبيق React باستخدام تكوين Intlayer.
-- `npx react-scripts-intlayer start`: يبدأ خادم التطوير باستخدام تكوين Intlayer.
-
-### استبدال سكريبتات package.json
-
-لاستخدام حزمة `react-scripts-intlayer`، تحتاج إلى استبدال سكريبتات `package.json` بالأوامر التالية:
-
-```json fileName="package.json"
-{
-  "scripts": {
-    "start": "react-scripts-intlayer start",
-    "build": "react-scripts-intlayer build"
-  }
-}
-```
-
-## استخدام تكوين Webpack مخصص
-
-تعتمد حزمة `react-scripts-intlayer` على [craco](https://craco.js.org/)، والذي يتيح لك تخصيص تكوين Webpack.
-إذا كنت بحاجة إلى تخصيص تكوين Webpack، يمكنك أيضًا تنفيذ إعدادك الخاص بناءً على مكون intlayer craco الإضافي. [انظر المثال هنا](https://github.com/aymericzip/intlayer/blob/main/examples/react-app/craco.config.js).
-
-## قراءة الدليل الكامل لـ Intlayer مع React Create App
-
-يوفر Intlayer العديد من الميزات لمساعدتك في تعريب تطبيق React الخاص بك.
-[انظر كيفية استخدام intlayer مع React Create App](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/intlayer_with_create_react_app.md).
-
-## تاريخ الوثيقة
-
-- 5.5.10 - 2025-06-29: بدء التاريخ

package/docs/ar/packages/solid-intlayer/index.md

@@ -1,54 +0,0 @@
----
-createdAt: 2024-08-11
-updatedAt: 2025-06-29
-title: توثيق الحزمة | solid-intlayer
-description: تعرف على كيفية استخدام حزمة solid-intlayer
-keywords:
-  - Intlayer
-  - solid-intlayer
-  - التدويل
-  - التوثيق
-  - Next.js
-  - جافاسكريبت
-  - React
-slugs:
-  - doc
-  - packages
-  - solid-intlayer
----
-
-# solid-intlayer: حزمة NPM لتدويل (i18n) تطبيق Solid
-
-**Intlayer** هي مجموعة من الحزم مصممة خصيصًا لمطوري جافاسكريبت. وهي متوافقة مع أُطُر العمل مثل Solid وSolid وExpress.js.
-
-**حزمة `solid-intlayer`** تتيح لك تدويل تطبيق Solid الخاص بك. فهي توفر موفري السياق (context providers) وخطافات (hooks) لتدويل Solid.
-
-## لماذا تقوم بتدويل تطبيق Solid الخاص بك؟
-
-تدويل تطبيق Solid الخاص بك أمر ضروري لخدمة جمهور عالمي بفعالية. فهو يسمح لتطبيقك بتقديم المحتوى والرسائل باللغة المفضلة لكل مستخدم. تعزز هذه القدرة تجربة المستخدم وتوسع نطاق تطبيقك بجعله أكثر سهولة وملاءمة للأشخاص من خلفيات لغوية مختلفة.
-
-## لماذا تدمج Intlayer؟
-
-- **إدارة المحتوى مدعومة بجافاسكريبت**: استغل مرونة جافاسكريبت لتعريف وإدارة المحتوى الخاص بك بكفاءة.
-- **بيئة آمنة من حيث النوع**: استفد من TypeScript لضمان أن جميع تعريفات المحتوى الخاصة بك دقيقة وخالية من الأخطاء.
-- **ملفات محتوى مدمجة**: احتفظ بترجماتك قريبة من مكوناتها الخاصة، مما يعزز سهولة الصيانة والوضوح.
-
-## التثبيت
-
-قم بتثبيت الحزمة اللازمة باستخدام مدير الحزم المفضل لديك:
-
-```bash packageManager="npm"
-npm install solid-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add solid-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add solid-intlayer
-```
-
-## تاريخ الوثائق
-
-- 5.5.10 - 2025-06-29: بدء التاريخ

package/docs/ar/packages/svelte-intlayer/index.md

@@ -1,53 +0,0 @@
----
-createdAt: 2025-04-18
-updatedAt: 2025-06-29
-title: توثيق الحزمة | svelte-intlayer
-description: تعرف على كيفية استخدام حزمة svelte-intlayer
-keywords:
-  - Intlayer
-  - svelte-intlayer
-  - التدويل
-  - التوثيق
-  - جافاسكريبت
-  - سفيليت
-slugs:
-  - doc
-  - packages
-  - svelte-intlayer
----
-
-# svelte-intlayer: حزمة NPM لتدويل تطبيق Solid
-
-**Intlayer** هي مجموعة من الحزم مصممة خصيصًا لمطوري جافاسكريبت. وهي متوافقة مع أُطُر العمل مثل Solid و Solid و Express.js.
-
-**حزمة `svelte-intlayer`** تتيح لك تدويل تطبيق Solid الخاص بك. فهي توفر موفري السياق (context providers) وخطافات (hooks) لتدويل Solid.
-
-## لماذا تقوم بتدويل تطبيق Solid الخاص بك؟
-
-تدويل تطبيق Solid الخاص بك أمر ضروري لخدمة جمهور عالمي بفعالية. فهو يسمح لتطبيقك بتقديم المحتوى والرسائل باللغة المفضلة لكل مستخدم. تعزز هذه القدرة تجربة المستخدم وتوسع نطاق تطبيقك من خلال جعله أكثر سهولة وملاءمة للأشخاص من خلفيات لغوية مختلفة.
-
-## لماذا تدمج Intlayer؟
-
-- **إدارة المحتوى مدعومة بجافاسكريبت**: استغل مرونة جافاسكريبت لتعريف وإدارة المحتوى الخاص بك بكفاءة.
-- **بيئة آمنة من حيث النوع**: استفد من TypeScript لضمان أن جميع تعريفات المحتوى الخاصة بك دقيقة وخالية من الأخطاء.
-- **ملفات محتوى مدمجة**: احتفظ بترجماتك قريبة من مكوناتها الخاصة، مما يعزز سهولة الصيانة والوضوح.
-
-## التثبيت
-
-قم بتثبيت الحزمة اللازمة باستخدام مدير الحزم المفضل لديك:
-
-```bash packageManager="npm"
-npm install svelte-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add svelte-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add svelte-intlayer
-```
-
-## تاريخ الوثيقة
-
-- 5.5.10 - 2025-06-29: بداية التاريخ

package/docs/ar/packages/vite-intlayer/index.md

@@ -1,76 +0,0 @@
----
-createdAt: 2024-08-11
-updatedAt: 2025-06-29
-title: توثيق الحزمة | vite-intlayer
-description: تعرف على كيفية استخدام حزمة vite-intlayer
-keywords:
-  - Intlayer
-  - vite-intlayer
-  - التدويل
-  - التوثيق
-  - Next.js
-  - جافا سكريبت
-  - React
-slugs:
-  - doc
-  - packages
-  - vite-intlayer
----
-
-# vite-intlayer: حزمة NPM لتدويل تطبيق Vite (i18n)
-
-**Intlayer** هي مجموعة من الحزم مصممة خصيصًا لمطوري جافا سكريبت. وهي متوافقة مع أُطُر العمل مثل React وReact وExpress.js.
-
-**حزمة `vite-intlayer`** تتيح لك تدويل تطبيق Vite الخاص بك. تتضمن مكون Vite الإضافي (plugin) لضبط الإعدادات من خلال متغيرات البيئة في [أداة تجميع Vite](https://vitejs.dev/guide/why.html#why-bundle-for-production). كما توفر وسيطًا (middleware) لاكتشاف اللغة المفضلة للمستخدم، وإعادة توجيه المستخدم إلى عنوان URL المناسب كما هو محدد في [الإعدادات](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/configuration.md).
-
-## لماذا تقوم بتدويل تطبيق Vite الخاص بك؟
-
-تدويل تطبيق Vite الخاص بك أمر ضروري لخدمة جمهور عالمي بفعالية. فهو يتيح لتطبيقك تقديم المحتوى والرسائل باللغة المفضلة لكل مستخدم. تعزز هذه القدرة تجربة المستخدم وتوسع نطاق وصول تطبيقك من خلال جعله أكثر سهولة وملاءمة للأشخاص من خلفيات لغوية مختلفة.
-
-## الإعداد
-
-تعمل حزمة `vite-intlayer` بسلاسة مع حزمة [`react-intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/packages/react-intlayer/index.md)، وحزمة [`intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/packages/intlayer/index.md). ألق نظرة على الوثائق ذات الصلة لمزيد من المعلومات.
-
-## التثبيت
-
-قم بتثبيت الحزمة اللازمة باستخدام مدير الحزم المفضل لديك:
-
-```bash packageManager="npm"
-npm install vite-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add vite-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add vite-intlayer
-```
-
-## مثال على الاستخدام
-
-راجع مثالًا لكيفية تضمين الإضافات في تكوين vite الخاص بك.
-
-```typescript fileName="vite.config.ts"
-import { defineConfig } from "vite";
-import { intlayer, intlayerMiddlewarePlugin } from "vite-intlayer";
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [intlayer(), intlayerMiddlewarePlugin()],
-});
-```
-
-> يستخدم مكون Vite الإضافي `intlayer()` لدمج Intlayer مع Vite. يضمن بناء ملفات إعلان المحتوى ويراقبها في وضع التطوير. كما يحدد متغيرات بيئة Intlayer داخل تطبيق Vite. بالإضافة إلى ذلك، يوفر أسماء مستعارة لتحسين الأداء.
-
-> يضيف مكون `intlayerMiddlewarePlugin()` التوجيه على جانب الخادم إلى تطبيقك. سيقوم هذا المكون تلقائيًا بالكشف عن اللغة الحالية بناءً على عنوان URL وتعيين ملف تعريف الارتباط المناسب للغة. إذا لم يتم تحديد لغة، سيحدد المكون اللغة الأنسب بناءً على تفضيلات لغة متصفح المستخدم. وإذا لم يتم الكشف عن أي لغة، فسيتم إعادة التوجيه إلى اللغة الافتراضية.
-
-## إتقان التدويل في تطبيق Vite الخاص بك
-
-توفر Intlayer العديد من الميزات لمساعدتك في تدويل تطبيق Vite الخاص بك.
-
-**لمعرفة المزيد عن هذه الميزات، راجع دليل [التدويل في React (i18n) مع Intlayer و Vite و React](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ar/intlayer_with_vite+react.md) لتطبيقات Vite و React.**
-
-## تاريخ الوثيقة
-
-- 5.5.10 - 2025-06-29: بداية السجل

package/docs/ar/packages/vue-intlayer/index.md

@@ -1,53 +0,0 @@
----
-createdAt: 2025-04-18
-updatedAt: 2025-06-29
-title: توثيق الحزمة | vue-intlayer
-description: تعرف على كيفية استخدام حزمة vue-intlayer
-keywords:
-  - Intlayer
-  - vue-intlayer
-  - التدويل
-  - التوثيق
-  - جافا سكريبت
-  - Vue
-slugs:
-  - doc
-  - packages
-  - vue-intlayer
----
-
-# vue-intlayer: حزمة NPM لتدويل (i18n) تطبيق Vue
-
-**Intlayer** هي مجموعة من الحزم مصممة خصيصًا لمطوري جافا سكريبت. وهي متوافقة مع أُطُر العمل مثل Vue وExpress.js.
-
-**حزمة `vue-intlayer`** تتيح لك تدويل تطبيق Vue الخاص بك. فهي توفر موفري السياق (context providers) وخطافات (hooks) لتدويل Vue.
-
-## لماذا تقوم بتدويل تطبيق Vue الخاص بك؟
-
-تدويل تطبيق Vue الخاص بك أمر ضروري لخدمة جمهور عالمي بفعالية. فهو يسمح لتطبيقك بتقديم المحتوى والرسائل باللغة المفضلة لكل مستخدم. تعزز هذه القدرة تجربة المستخدم وتوسع نطاق تطبيقك بجعله أكثر وصولًا وملاءمة للأشخاص من خلفيات لغوية مختلفة.
-
-## لماذا تدمج Intlayer؟
-
-- **إدارة المحتوى مدعومة بجافا سكريبت**: استغل مرونة جافا سكريبت لتعريف وإدارة المحتوى الخاص بك بكفاءة.
-- **بيئة آمنة من حيث النوع**: استفد من TypeScript لضمان أن جميع تعريفات المحتوى الخاصة بك دقيقة وخالية من الأخطاء.
-- **ملفات المحتوى المتكاملة**: احتفظ بترجماتك قريبة من مكوناتها الخاصة، مما يعزز سهولة الصيانة والوضوح.
-
-## التثبيت
-
-قم بتثبيت الحزمة اللازمة باستخدام مدير الحزم المفضل لديك:
-
-```bash packageManager="npm"
-npm install vue-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add vue-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add vue-intlayer
-```
-
-## تاريخ الوثائق
-
-- 5.5.10 - 2025-06-29: بدء التاريخ