@intlayer/docs 6.1.6 → 7.0.0-canary.1

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

@@ -1,280 +0,0 @@
----
-createdAt: 2024-08-11
-updatedAt: 2025-06-29
-title: Paketdokumentation | react-intlayer
-description: Siehe, wie man das react-intlayer Paket verwendet
-keywords:
-  - Intlayer
-  - react-intlayer
-  - Internationalisierung
-  - Dokumentation
-  - Next.js
-  - JavaScript
-  - React
-slugs:
-  - doc
-  - packages
-  - react-intlayer
----
-
-# react-intlayer: NPM-Paket zur Internationalisierung (i18n) einer React-Anwendung
-
-**Intlayer** ist eine Sammlung von Paketen, die speziell für JavaScript-Entwickler entwickelt wurden. Es ist kompatibel mit Frameworks wie React, React und Express.js.
-
-**Das `react-intlayer` Paket** ermöglicht es Ihnen, Ihre React-Anwendung zu internationalisieren. Es stellt Kontext-Provider und Hooks für die Internationalisierung in React bereit.
-
-## Warum sollten Sie Ihre React-Anwendung internationalisieren?
-
-Die Internationalisierung Ihrer React-Anwendung ist entscheidend, um ein globales Publikum effektiv zu bedienen. Sie ermöglicht es Ihrer Anwendung, Inhalte und Nachrichten in der bevorzugten Sprache jedes Nutzers bereitzustellen. Diese Fähigkeit verbessert die Benutzererfahrung und erweitert die Reichweite Ihrer Anwendung, indem sie für Menschen aus verschiedenen sprachlichen Hintergründen zugänglicher und relevanter wird.
-
-## Warum Intlayer integrieren?
-
-- **JavaScript-gesteuertes Content-Management**: Nutzen Sie die Flexibilität von JavaScript, um Ihre Inhalte effizient zu definieren und zu verwalten.
-- **Typensichere Umgebung**: Nutzen Sie TypeScript, um sicherzustellen, dass alle Ihre Inhaltsdefinitionen präzise und fehlerfrei sind.
-- **Integrierte Inhaltsdateien**: Halten Sie Ihre Übersetzungen nahe bei den jeweiligen Komponenten, um die Wartbarkeit und Übersichtlichkeit zu verbessern.
-
-## Installation
-
-Installieren Sie das notwendige Paket mit Ihrem bevorzugten Paketmanager:
-
-```bash packageManager="npm"
-npm install react-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add react-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add react-intlayer
-```
-
-## Anwendungsbeispiel
-
-Mit Intlayer können Sie Ihre Inhalte strukturiert an beliebiger Stelle in Ihrem Code deklarieren.
-
-Standardmäßig durchsucht Intlayer Dateien mit der Erweiterung `.content.{json,ts,tsx,js,jsx,mjs,mjx,cjs,cjx}`.
-
-> Sie können die Standarderweiterung ändern, indem Sie die Eigenschaft `contentDir` in der [Konfigurationsdatei](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/configuration.md) festlegen.
-
-```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
-```
-
-### Deklarieren Sie Ihren Inhalt
-
-`react-intlayer` ist so konzipiert, dass es mit dem [`intlayer`-Paket](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/intlayer/index.md) zusammenarbeitet. `intlayer` ist ein Paket, das es Ihnen ermöglicht, Ihren Inhalt überall in Ihrem Code zu deklarieren. Es wandelt mehrsprachige Inhaltsdeklarationen in strukturierte Wörterbücher um, die nahtlos in Ihre Anwendung integriert werden.
-
-Hier ist ein Beispiel für eine Inhaltsdeklaration:
-
-```tsx fileName="src/Component1/index.content.ts" codeFormat="typescript"
-import { t, type Dictionary } from "intlayer";
-
-const component1Content = {
-  key: "component-1",
-  content: {
-    myTranslatedContent: t({
-      en: "Hello World",
-      es: "Hola Mundo",
-      fr: "Bonjour le monde",
-    }),
-    numberOfCar: enu({
-      "<-1": "Weniger als minus ein Auto",
-      "-1": "Minus ein Auto",
-      "0": "Keine Autos",
-      "1": "Ein Auto",
-      ">5": "Einige Autos",
-      ">19": "Viele Autos",
-    }),
-  },
-} 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: "Hello World",
-      es: "Hola Mundo",
-      fr: "Bonjour le monde",
-    }),
-    numberOfCar: enu({
-      "<-1": "Weniger als minus ein Auto",
-      "-1": "Minus ein Auto",
-      "0": "Keine Autos",
-      "1": "Ein Auto",
-      ">5": "Einige Autos",
-      ">19": "Viele Autos",
-    }),
-  },
-};
-
-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: "Hello World",
-      es: "Hola Mundo",
-      fr: "Bonjour le monde",
-    }),
-    numberOfCar: enu({
-      "<-1": "Weniger als minus ein Auto",
-      "-1": "Minus ein Auto",
-      "0": "Keine Autos",
-      "1": "Ein Auto",
-      ">5": "Einige Autos",
-      ">19": "Viele Autos",
-    }),
-  },
-};
-
-module.exports = component1Content;
-```
-
-```json fileName="src/Component1/index.content.json" codeFormat="json"
-{
-  "key": "component-1",
-  "content": {
-    "myTranslatedContent": {
-      "nodeType": "translation",
-      "translation": {
-        "de": "Hallo Welt",
-        "en": "Hello World",
-        "fr": "Bonjour le monde",
-        "es": "Hola Mundo"
-      }
-    },
-    "numberOfCar": {
-      "nodeType": "enumeration",
-      "enumeration": {
-        "<-1": "Weniger als minus ein Auto",
-        "-1": "Minus ein Auto",
-        "0": "Keine Autos",
-        "1": "Ein Auto",
-        ">5": "Einige Autos",
-        ">19": "Viele Autos"
-      }
-    }
-  }
-}
-```
-
-### Inhalt in Ihrem Code verwenden
-
-Sobald Sie Ihren Inhalt deklariert haben, können Sie ihn in Ihrem Code verwenden. Hier ist ein Beispiel, wie Sie den Inhalt in einer React-Komponente verwenden können:
-
-```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"); // Erstelle zugehörige Inhaltsdeklaration
-
-  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"); // Erstelle zugehörige Inhaltsdeklaration
-
-  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"); // Erstelle zugehörige Inhaltsdeklaration
-
-  return (
-    <div>
-      <p>{myTranslatedContent}</p>
-    </div>
-  );
-};
-```
-
-## Die Internationalisierung Ihrer React-Anwendung meistern
-
-Intlayer bietet viele Funktionen, die Ihnen helfen, Ihre React-Anwendung zu internationalisieren.
-
-**Um mehr über diese Funktionen zu erfahren, lesen Sie den Leitfaden [React Internationalisierung (i18n) mit Intlayer und Vite und React](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/intlayer_with_vite+react.md) für Vite- und React-Anwendungen oder den Leitfaden [React Internationalisierung (i18n) mit Intlayer und React (CRA)](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/intlayer_with_create_react_app.md) für React Create App.**
-
-## Vom Paket `react-intlayer` bereitgestellte Funktionen
-
-Das Paket `react-intlayer` stellt ebenfalls einige Funktionen bereit, die Ihnen bei der Internationalisierung Ihrer Anwendung helfen.
-
-- [`t()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/react-intlayer/t.md)
-- [`useIntlayer()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/react-intlayer/useIntlayer.md)
-- [`useDictionary()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/react-intlayer/useDictionary.md)
-- [`useLocale()`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/react-intlayer/useLocale.md)
-
-## Dokumentationshistorie
-
-- 5.5.10 - 2025-06-29: Initiale Historie

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

@@ -1,83 +0,0 @@
----
-createdAt: 2025-03-13
-updatedAt: 2025-06-29
-title: Paketdokumentation | react-native-intlayer
-description: Siehe, wie man das react-native-intlayer Paket verwendet
-keywords:
-  - Intlayer
-  - React Native
-  - react-native-intlayer
-  - Internationalisierung
-  - Dokumentation
-  - Next.js
-  - JavaScript
-  - React
-slugs:
-  - doc
-  - packages
-  - react-native-intlayer
----
-
-# react-native-intlayer: Internationalisieren (i18n) einer React Native Anwendung
-
-**Intlayer** ist eine Suite von Paketen, die speziell für JavaScript-Entwickler entwickelt wurden. Es ist kompatibel mit Frameworks wie React, React und Express.js.
-
-**Das `react-native-intlayer` Paket** ermöglicht es Ihnen, Ihre Vite-Anwendung zu internationalisieren. Es beinhaltet das Metro-Plugin, um die Konfiguration über Umgebungsvariablen im [Metro Bundler](https://docs.expo.dev/guides/customizing-metro/) festzulegen.
-
-## Warum sollten Sie Ihre React Native Anwendung internationalisieren?
-
-Die Internationalisierung Ihrer React Native Anwendung ist entscheidend, um ein globales Publikum effektiv zu bedienen. Sie ermöglicht es Ihrer Anwendung, Inhalte und Nachrichten in der bevorzugten Sprache jedes Nutzers bereitzustellen. Diese Fähigkeit verbessert die Benutzererfahrung und erweitert die Reichweite Ihrer Anwendung, indem sie für Menschen aus verschiedenen sprachlichen Hintergründen zugänglicher und relevanter wird.
-
-## Konfiguration
-
-Das `react-native-intlayer` Paket arbeitet nahtlos mit dem [`react-intlayer` Paket](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/react-intlayer/index.md) und dem [`intlayer` Paket](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/intlayer/index.md) zusammen. Schauen Sie sich die entsprechende Dokumentation für weitere Informationen an.
-
-## Installation
-
-Installieren Sie das notwendige Paket mit Ihrem bevorzugten Paketmanager:
-
-```bash packageManager="npm"
-npm install react-native-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add react-native-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add react-native-intlayer
-```
-
-## Anwendungsbeispiel
-
-Sehen Sie ein Beispiel, wie Sie die Plugins in Ihre Vite-Konfiguration einbinden.
-
-```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);
-})();
-```
-
-## Die Internationalisierung Ihrer Vite-Anwendung meistern
-
-Intlayer bietet viele Funktionen, die Ihnen helfen, Ihre Vite-Anwendung zu internationalisieren.
-
-**Um mehr über diese Funktionen zu erfahren, lesen Sie den Leitfaden [React Internationalization (i18n) mit Intlayer und React Native](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/intlayer_with_react_native+expo.md) für React Native Anwendungen.**
-
-## Mehr über Intlayer erfahren
-
-- [Intlayer Webseite](https://intlayer.org)
-- [Intlayer Dokumentation](https://intlayer.org/doc)
-- [Intlayer GitHub](https://github.com/aymericzip/intlayer)
-
-- [Stellen Sie Ihre Fragen an unsere intelligente Dokumentation](https://intlayer.org/docchat)
-
-## Dokumentationsverlauf
-
-- 5.5.10 - 2025-06-29: Initiale Historie

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

@@ -1,80 +0,0 @@
----
-createdAt: 2024-08-11
-updatedAt: 2025-06-29
-title: Paketdokumentation | react-scripts-intlayer
-description: Siehe, wie das react-scripts-intlayer Paket verwendet wird
-keywords:
-  - Intlayer
-  - react-scripts-intlayer
-  - Internationalisierung
-  - Dokumentation
-  - Next.js
-  - JavaScript
-  - React
-slugs:
-  - doc
-  - packages
-  - react-scripts-intlayer
----
-
-# react-scripts-intlayer: NPM-Paket zur Verwendung von Intlayer in einer React Create App-Anwendung
-
-**Intlayer** ist eine Sammlung von Paketen, die speziell für JavaScript-Entwickler entwickelt wurden. Es ist kompatibel mit Frameworks wie React, React und Express.js.
-
-**Das `react-scripts-intlayer` Paket** beinhaltet die `react-scripts-intlayer` Befehle und Plugins zur Integration von Intlayer in eine auf Create React App basierende Anwendung. Diese Plugins basieren auf [craco](https://craco.js.org/) und enthalten zusätzliche Konfigurationen für den [Webpack](https://webpack.js.org/) Bundler.
-
-## Konfiguration
-
-Das `react-scripts-intlayer` Paket arbeitet nahtlos mit dem [`react-intlayer` Paket](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/react-intlayer/index.md) und dem [`intlayer` Paket](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/intlayer/index.md) zusammen. Siehe die entsprechende Dokumentation für weitere Informationen.
-
-## Installation
-
-Installieren Sie das notwendige Paket mit Ihrem bevorzugten Paketmanager:
-
-```bash packageManager="npm"
-npm install react-scripts-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add react-scripts-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add react-scripts-intlayer
-```
-
-## Verwendung
-
-### CLI-Befehle
-
-Das `react-scripts-intlayer` Paket stellt die folgenden CLI-Befehle bereit:
-
-- `npx react-scripts-intlayer build`: Baut die React-Anwendung mit der Intlayer-Konfiguration.
-- `npx react-scripts-intlayer start`: Startet den Entwicklungsserver mit der Intlayer-Konfiguration.
-
-### Ersetzen der package.json Skripte
-
-Um das `react-scripts-intlayer` Paket zu verwenden, müssen Sie die Skripte in der `package.json` durch die folgenden Befehle ersetzen:
-
-```json fileName="package.json"
-{
-  "scripts": {
-    "start": "react-scripts-intlayer start",
-    "build": "react-scripts-intlayer build"
-  }
-}
-```
-
-## Benutzerdefinierte Webpack-Konfiguration verwenden
-
-`react-scripts-intlayer` basiert auf [craco](https://craco.js.org/), das es Ihnen ermöglicht, die Webpack-Konfiguration anzupassen.
-Wenn Sie die Webpack-Konfiguration anpassen müssen, können Sie auch Ihre eigene Einrichtung basierend auf dem intlayer craco Plugin implementieren. [Siehe Beispiel hier](https://github.com/aymericzip/intlayer/blob/main/examples/react-app/craco.config.js).
-
-## Lesen Sie die vollständige Intlayer-Anleitung für React Create App
-
-Intlayer bietet viele Funktionen, um Ihnen bei der Internationalisierung Ihrer React-Anwendung zu helfen.
-[Siehe, wie man intlayer mit React Create App verwendet](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/intlayer_with_create_react_app.md).
-
-## Dokumentationsverlauf
-
-- 5.5.10 - 2025-06-29: Initialer Verlauf

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

@@ -1,54 +0,0 @@
----
-createdAt: 2024-08-11
-updatedAt: 2025-06-29
-title: Paketdokumentation | solid-intlayer
-description: Siehe, wie man das solid-intlayer-Paket verwendet
-keywords:
-  - Intlayer
-  - solid-intlayer
-  - Internationalisierung
-  - Dokumentation
-  - Next.js
-  - JavaScript
-  - React
-slugs:
-  - doc
-  - packages
-  - solid-intlayer
----
-
-# solid-intlayer: NPM-Paket zur Internationalisierung (i18n) einer Solid-Anwendung
-
-**Intlayer** ist eine Sammlung von Paketen, die speziell für JavaScript-Entwickler entwickelt wurden. Es ist kompatibel mit Frameworks wie Solid, Solid und Express.js.
-
-**Das `solid-intlayer`-Paket** ermöglicht es Ihnen, Ihre Solid-Anwendung zu internationalisieren. Es stellt Kontextanbieter und Hooks für die Internationalisierung von Solid bereit.
-
-## Warum sollten Sie Ihre Solid-Anwendung internationalisieren?
-
-Die Internationalisierung Ihrer Solid-Anwendung ist entscheidend, um ein globales Publikum effektiv zu bedienen. Sie ermöglicht es Ihrer Anwendung, Inhalte und Nachrichten in der bevorzugten Sprache jedes Benutzers bereitzustellen. Diese Fähigkeit verbessert die Benutzererfahrung und erweitert die Reichweite Ihrer Anwendung, indem sie für Menschen aus verschiedenen sprachlichen Hintergründen zugänglicher und relevanter wird.
-
-## Warum Intlayer integrieren?
-
-- **JavaScript-gesteuertes Content-Management**: Nutzen Sie die Flexibilität von JavaScript, um Ihre Inhalte effizient zu definieren und zu verwalten.
-- **Typensicheres Umfeld**: Nutzen Sie TypeScript, um sicherzustellen, dass alle Ihre Inhaltsdefinitionen präzise und fehlerfrei sind.
-- **Integrierte Inhaltsdateien**: Halten Sie Ihre Übersetzungen nahe bei den jeweiligen Komponenten, um Wartbarkeit und Übersichtlichkeit zu verbessern.
-
-## Installation
-
-Installieren Sie das erforderliche Paket mit Ihrem bevorzugten Paketmanager:
-
-```bash packageManager="npm"
-npm install solid-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add solid-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add solid-intlayer
-```
-
-## Dokumentationshistorie
-
-- 5.5.10 - 2025-06-29: Initiale Historie

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

@@ -1,53 +0,0 @@
----
-createdAt: 2025-04-18
-updatedAt: 2025-06-29
-title: Paketdokumentation | svelte-intlayer
-description: Sehen Sie, wie das svelte-intlayer-Paket verwendet wird
-keywords:
-  - Intlayer
-  - svelte-intlayer
-  - Internationalisierung
-  - Dokumentation
-  - JavaScript
-  - Svelte
-slugs:
-  - doc
-  - packages
-  - svelte-intlayer
----
-
-# svelte-intlayer: NPM-Paket zur Internationalisierung (i18n) einer Solid-Anwendung
-
-**Intlayer** ist eine Sammlung von Paketen, die speziell für JavaScript-Entwickler entwickelt wurden. Es ist kompatibel mit Frameworks wie Solid, Solid und Express.js.
-
-**Das `svelte-intlayer`-Paket** ermöglicht es Ihnen, Ihre Solid-Anwendung zu internationalisieren. Es stellt Kontextanbieter und Hooks für die Internationalisierung in Solid bereit.
-
-## Warum sollten Sie Ihre Solid-Anwendung internationalisieren?
-
-Die Internationalisierung Ihrer Solid-Anwendung ist entscheidend, um ein globales Publikum effektiv zu bedienen. Sie ermöglicht es Ihrer Anwendung, Inhalte und Nachrichten in der bevorzugten Sprache jedes Benutzers bereitzustellen. Diese Fähigkeit verbessert die Benutzererfahrung und erweitert die Reichweite Ihrer Anwendung, indem sie zugänglicher und relevanter für Menschen aus verschiedenen sprachlichen Hintergründen wird.
-
-## Warum Intlayer integrieren?
-
-- **JavaScript-gesteuertes Content-Management**: Nutzen Sie die Flexibilität von JavaScript, um Ihre Inhalte effizient zu definieren und zu verwalten.
-- **Typsichere Umgebung**: Nutzen Sie TypeScript, um sicherzustellen, dass alle Ihre Inhaltsdefinitionen präzise und fehlerfrei sind.
-- **Integrierte Inhaltsdateien**: Halten Sie Ihre Übersetzungen nahe bei den jeweiligen Komponenten, um Wartbarkeit und Übersichtlichkeit zu verbessern.
-
-## Installation
-
-Installieren Sie das erforderliche Paket mit Ihrem bevorzugten Paketmanager:
-
-```bash packageManager="npm"
-npm install svelte-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add svelte-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add svelte-intlayer
-```
-
-## Dokumentationshistorie
-
-- 5.5.10 - 2025-06-29: Initiale Historie

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

@@ -1,76 +0,0 @@
----
-createdAt: 2024-08-11
-updatedAt: 2025-06-29
-title: Paketdokumentation | vite-intlayer
-description: Siehe, wie man das vite-intlayer Paket verwendet
-keywords:
-  - Intlayer
-  - vite-intlayer
-  - Internationalisierung
-  - Dokumentation
-  - Next.js
-  - JavaScript
-  - React
-slugs:
-  - doc
-  - packages
-  - vite-intlayer
----
-
-# vite-intlayer: NPM-Paket zur Internationalisierung (i18n) einer Vite-Anwendung
-
-**Intlayer** ist eine Suite von Paketen, die speziell für JavaScript-Entwickler entwickelt wurden. Es ist kompatibel mit Frameworks wie React, React und Express.js.
-
-**Das `vite-intlayer` Paket** ermöglicht es Ihnen, Ihre Vite-Anwendung zu internationalisieren. Es beinhaltet das Vite-Plugin, um die Konfiguration über Umgebungsvariablen in den [Vite-Bundler](https://vitejs.dev/guide/why.html#why-bundle-for-production) einzustellen. Außerdem stellt es Middleware bereit, um die bevorzugte Sprache des Benutzers zu erkennen und den Benutzer auf die entsprechende URL umzuleiten, wie in der [Konfiguration](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/configuration.md) angegeben.
-
-## Warum sollten Sie Ihre Vite-Anwendung internationalisieren?
-
-Die Internationalisierung Ihrer Vite-Anwendung ist entscheidend, um ein globales Publikum effektiv zu bedienen. Sie ermöglicht es Ihrer Anwendung, Inhalte und Nachrichten in der bevorzugten Sprache jedes Benutzers bereitzustellen. Diese Fähigkeit verbessert die Benutzererfahrung und erweitert die Reichweite Ihrer Anwendung, indem sie für Menschen aus verschiedenen sprachlichen Hintergründen zugänglicher und relevanter wird.
-
-## Konfiguration
-
-Das `vite-intlayer` Paket arbeitet nahtlos mit dem [`react-intlayer` Paket](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/react-intlayer/index.md) und dem [`intlayer` Paket](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/packages/intlayer/index.md) zusammen. Schauen Sie sich die entsprechende Dokumentation für weitere Informationen an.
-
-## Installation
-
-Installieren Sie das erforderliche Paket mit Ihrem bevorzugten Paketmanager:
-
-```bash packageManager="npm"
-npm install vite-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add vite-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add vite-intlayer
-```
-
-## Anwendungsbeispiel
-
-Sehen Sie ein Beispiel, wie Sie die Plugins in Ihre Vite-Konfiguration einbinden.
-
-```typescript fileName="vite.config.ts"
-import { defineConfig } from "vite";
-import { intlayer, intlayerMiddleware } from "vite-intlayer";
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [intlayer(), intlayerMiddleware()],
-});
-```
-
-> Das `intlayer()` Vite-Plugin wird verwendet, um Intlayer in Vite zu integrieren. Es sorgt für den Aufbau von Inhaltsdeklarationsdateien und überwacht diese im Entwicklungsmodus. Es definiert Intlayer-Umgebungsvariablen innerhalb der Vite-Anwendung. Zusätzlich stellt es Aliase bereit, um die Leistung zu optimieren.
-
-> Das `intlayerMiddleware()` fügt Ihrer Anwendung serverseitiges Routing hinzu. Dieses Plugin erkennt automatisch die aktuelle Sprache basierend auf der URL und setzt das entsprechende Sprach-Cookie. Wenn keine Sprache angegeben ist, bestimmt das Plugin die am besten geeignete Sprache basierend auf den Spracheinstellungen des Browsers des Benutzers. Wenn keine Sprache erkannt wird, erfolgt eine Weiterleitung zur Standardsprache.
-
-## Beherrschen der Internationalisierung Ihrer Vite-Anwendung
-
-Intlayer bietet viele Funktionen, die Ihnen helfen, Ihre Vite-Anwendung zu internationalisieren.
-
-**Um mehr über diese Funktionen zu erfahren, lesen Sie den Leitfaden [React Internationalization (i18n) mit Intlayer und Vite und React](https://github.com/aymericzip/intlayer/blob/main/docs/docs/de/intlayer_with_vite+react.md) für Vite- und React-Anwendungen.**
-
-## Dokumentationshistorie
-
-- 5.5.10 - 2025-06-29: Initiale Historie

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

@@ -1,53 +0,0 @@
----
-createdAt: 2025-04-18
-updatedAt: 2025-06-29
-title: Paketdokumentation | vue-intlayer
-description: Siehe, wie man das vue-intlayer Paket verwendet
-keywords:
-  - Intlayer
-  - vue-intlayer
-  - Internationalisierung
-  - Dokumentation
-  - JavaScript
-  - Vue
-slugs:
-  - doc
-  - packages
-  - vue-intlayer
----
-
-# vue-intlayer: NPM-Paket zur Internationalisierung (i18n) einer Vue-Anwendung
-
-**Intlayer** ist eine Sammlung von Paketen, die speziell für JavaScript-Entwickler entwickelt wurden. Es ist kompatibel mit Frameworks wie Vue, Vue und Express.js.
-
-**Das `vue-intlayer` Paket** ermöglicht es Ihnen, Ihre Vue-Anwendung zu internationalisieren. Es stellt Kontextanbieter und Hooks für die Internationalisierung in Vue bereit.
-
-## Warum sollten Sie Ihre Vue-Anwendung internationalisieren?
-
-Die Internationalisierung Ihrer Vue-Anwendung ist entscheidend, um ein globales Publikum effektiv zu bedienen. Sie ermöglicht es Ihrer Anwendung, Inhalte und Nachrichten in der bevorzugten Sprache jedes Benutzers bereitzustellen. Diese Fähigkeit verbessert die Benutzererfahrung und erweitert die Reichweite Ihrer Anwendung, indem sie für Menschen aus verschiedenen sprachlichen Hintergründen zugänglicher und relevanter wird.
-
-## Warum Intlayer integrieren?
-
-- **JavaScript-gesteuertes Content-Management**: Nutzen Sie die Flexibilität von JavaScript, um Ihre Inhalte effizient zu definieren und zu verwalten.
-- **Typensicheres Umfeld**: Nutzen Sie TypeScript, um sicherzustellen, dass alle Ihre Inhaltsdefinitionen präzise und fehlerfrei sind.
-- **Integrierte Inhaltsdateien**: Halten Sie Ihre Übersetzungen nahe bei den jeweiligen Komponenten, um Wartbarkeit und Klarheit zu verbessern.
-
-## Installation
-
-Installieren Sie das notwendige Paket mit Ihrem bevorzugten Paketmanager:
-
-```bash packageManager="npm"
-npm install vue-intlayer
-```
-
-```bash packageManager="yarn"
-yarn add vue-intlayer
-```
-
-```bash packageManager="pnpm"
-pnpm add vue-intlayer
-```
-
-## Dokumentationshistorie
-
-- 5.5.10 - 2025-06-29: Initiale Historie