docs(update): update content

Author: ThornWalli

docs/src/components/content-container.md

@@ -26,21 +26,21 @@ If set, the heading is rendered as an abstract heading. (e.g. `<slot />`)
 - Type: `String`
 - Default: `null`
 
-The tag for the element.
+Tag for the element.
 
 ### contentTags
 
 - Type: `Array`
 - Default: `['section', 'article']`
 
-The available tags for the content structure.
+Available tags for the content structure.
 
 ### rootTags
 
 - Type: `Array`
 - Default: `['main', null]`
 
-The available tags for the root structure.
+Available tags for the root structure.
 
 ### level
 

docs/src/components/content-headline.md

@@ -28,7 +28,7 @@ If set, the heading is rendered as an abstract heading. (e.g. `<slot />`)
 - Type: `String`
 - Default: `null`
 
-The tag for the element.
+Tag for the element.
 
 ## Example
 

docs/src/composables/use-content-container.md

@@ -1,14 +1,18 @@
 # useContentContainer
 
+## Introduction
+
 ::: tip
-Optional kann auch die Komponente [`<ContentContainer>`](../components/content-container) als Wrapper verwendet werden.  
+Optionally, the component [`<ContentContainer>`](../components/content-container) can also be used as a wrapper.  
 :::
 
-Das Composable `useContentContainer` wird eingesetzt um die Tiefe der Seitenstruktur abzubilden.
+The composable `useContentContainer` is used to map the depth of the page structure.
+
+With each call of `useContentContainer()` in nested components, the level of the page structure is increased by one level (`level`).
 
-Mit jedem aufruf von `useContentContainer()` in verschachtelten Komponenten wird die steigt das Level der Seitenstruktur um eine Ebene (`level`).
+The appropriate HTML element for the page structure is determined based on the `level`. (e.g. `main`, `section`, `article`)
 
-Anhand des `level` wird das passende HTML-Element für die Seitenstruktur ermittelt. (e.g. `main`, `section`, `article`)
+Translated with DeepL.com (free version)
 
 ```vue
 <template>
@@ -28,12 +32,12 @@ const { currentTag } = useContentContainer()
 
 ## Options
 
-| Property      | Type     | Description                                              | Default Value            |
-| ------------- | -------- | -------------------------------------------------------- | ------------------------ |
-| `tag`         | `String` | Der Tag für das HTML-Element. Optional zu überschreiben. | `undefined`              |
-| `contentTags` | `Array`  | Die möglichen contentTags für das HTML-Element.          | `['section', 'article']` |
-| `rootTags`    | `Array`  | Die möglichen Tag-Strukturen für das HTML-Element.       | `['main', undefined]`    |
-| `level`       | `Number` | Der Level für das HTML-Element.                          | `undefined`              |
+| Property      | Type     | Description                               | Default Value            |
+| ------------- | -------- | ----------------------------------------- | ------------------------ |
+| `tag`         | `String` | Can be used to overwrite the tag.         | `undefined`              |
+| `contentTags` | `Array`  | Available tags for the content structure. | `['section', 'article']` |
+| `rootTags`    | `Array`  | Available tags for the root structure.    | `['main', undefined]`    |
+| `level`       | `Number` | Can be used to overwrite the level.       | `undefined`              |
 
 ## Return
 

docs/src/composables/use-content-headline.md

@@ -1,14 +1,18 @@
 # useContentContainer
 
+## Introduction
+
 ::: tip
-Optional kann auch die Komponente [`<ContentHeadline>`](../components/content-headline) als Wrapper verwendet werden.  
+Optionally, the component [`<ContentHeadline>`](../components/content-headline) can also be used as a wrapper.  
 :::
 
-Das Composable `useContentContainer` wird eingesetzt um die Tiefe der Seitenstruktur abzubilden.
+`useContentHEadline()` is used to display the headline structure.
+
+Example: `h1`, `h2`, `h3`, `h4`, `h5`, `h6`
 
-Mit jedem aufruf von `useContentContainer()` in verschachtelten Komponenten wird die steigt das Level der Seitenstruktur um eine Ebene (`level`).
+The level of the heading is taken from `useContentContainer()` or `ContentContainer`.
 
-Anhand des `level` wird das passende HTML-Element für die Seitenstruktur ermittelt. (e.g. `main`, `section`, `article`)
+The deeper the nesting, the smaller the heading.
 
 ```vue
 <template>
@@ -27,9 +31,9 @@ const { currentTag } = useContentHeadline()
 
 ## Options
 
-| Property | Type     | Description                    | Default Value |
-| -------- | -------- | ------------------------------ | ------------- |
-| `tag`    | `String` | DDer Tag für das HTML-Element. | `undefined`   |
+| Property | Type     | Description         | Default Value |
+| -------- | -------- | ------------------- | ------------- |
+| `tag`    | `String` | Tag for the element | `undefined`   |
 
 ## Return