`,31))])}const m=t(k,[["render",d]]);export{u as __pageData,m as default};
diff --git a/assets/components_content-container.md.7qyvumdc.lean.js b/assets/components_content-container.md.7qyvumdc.lean.js
new file mode 100644
index 0000000..5eaeda3
--- /dev/null
+++ b/assets/components_content-container.md.7qyvumdc.lean.js
@@ -0,0 +1 @@
+import{_ as t,c as e,o as n,j as i,ae as l,a as h,t as p}from"./chunks/framework.BItfZ8Ze.js";const u=JSON.parse('{"title":"ContentHeadline","description":"","frontmatter":{"title":"ContentHeadline"},"headers":[],"relativePath":"components/content-container.md","filePath":"components/content-container.md"}'),k={name:"components/content-container.md"},r={id:"frontmatter-title",tabindex:"-1"};function d(a,s,E,o,g,c){return n(),e("div",null,[i("h1",r,[h(p(a.$frontmatter.title)+" ",1),s[0]||(s[0]=i("a",{class:"header-anchor",href:"#frontmatter-title","aria-label":'Permalink to "{{$frontmatter.title}}"'},"",-1))]),s[1]||(s[1]=l("",31))])}const m=t(k,[["render",d]]);export{u as __pageData,m as default};
diff --git a/assets/components_content-headline.md.CxNUw3zq.js b/assets/components_content-headline.md.CxNUw3zq.js
new file mode 100644
index 0000000..d41a5db
--- /dev/null
+++ b/assets/components_content-headline.md.CxNUw3zq.js
@@ -0,0 +1,36 @@
+import{_ as t,c as n,o as e,j as i,ae as l,a as h,t as p}from"./chunks/framework.BItfZ8Ze.js";const u=JSON.parse('{"title":"ContentHeadline","description":"","frontmatter":{"title":"ContentHeadline"},"headers":[],"relativePath":"components/content-headline.md","filePath":"components/content-headline.md"}'),k={name:"components/content-headline.md"},d={id:"frontmatter-title",tabindex:"-1"};function E(a,s,r,o,g,c){return e(),n("div",null,[i("h1",d,[h(p(a.$frontmatter.title)+" ",1),s[0]||(s[0]=i("a",{class:"header-anchor",href:"#frontmatter-title","aria-label":'Permalink to "{{$frontmatter.title}}"'},"",-1))]),s[1]||(s[1]=l(`
`,20))])}const m=t(k,[["render",E]]);export{u as __pageData,m as default};
diff --git a/assets/components_content-headline.md.CxNUw3zq.lean.js b/assets/components_content-headline.md.CxNUw3zq.lean.js
new file mode 100644
index 0000000..26f8ec4
--- /dev/null
+++ b/assets/components_content-headline.md.CxNUw3zq.lean.js
@@ -0,0 +1 @@
+import{_ as t,c as n,o as e,j as i,ae as l,a as h,t as p}from"./chunks/framework.BItfZ8Ze.js";const u=JSON.parse('{"title":"ContentHeadline","description":"","frontmatter":{"title":"ContentHeadline"},"headers":[],"relativePath":"components/content-headline.md","filePath":"components/content-headline.md"}'),k={name:"components/content-headline.md"},d={id:"frontmatter-title",tabindex:"-1"};function E(a,s,r,o,g,c){return e(),n("div",null,[i("h1",d,[h(p(a.$frontmatter.title)+" ",1),s[0]||(s[0]=i("a",{class:"header-anchor",href:"#frontmatter-title","aria-label":'Permalink to "{{$frontmatter.title}}"'},"",-1))]),s[1]||(s[1]=l("",20))])}const m=t(k,[["render",E]]);export{u as __pageData,m as default};
diff --git a/assets/composables_use-content-container.md.rX_c7Mqq.js b/assets/composables_use-content-container.md.rX_c7Mqq.js
new file mode 100644
index 0000000..64dad98
--- /dev/null
+++ b/assets/composables_use-content-container.md.rX_c7Mqq.js
@@ -0,0 +1,25 @@
+import{_ as a,c as n,o as e,j as i,ae as h,a as l,t as p}from"./chunks/framework.BItfZ8Ze.js";const u=JSON.parse('{"title":"useContentContainer","description":"","frontmatter":{"title":"useContentContainer"},"headers":[],"relativePath":"composables/use-content-container.md","filePath":"composables/use-content-container.md"}'),k={name:"composables/use-content-container.md"},r={id:"frontmatter-title",tabindex:"-1"};function d(t,s,o,E,c,g){return e(),n("div",null,[i("h1",r,[l(p(t.$frontmatter.title)+" ",1),s[0]||(s[0]=i("a",{class:"header-anchor",href:"#frontmatter-title","aria-label":'Permalink to "{{$frontmatter.title}}"'},"",-1))]),s[1]||(s[1]=h(`
`,12))])}const F=a(k,[["render",d]]);export{u as __pageData,F as default};
diff --git a/assets/composables_use-content-container.md.rX_c7Mqq.lean.js b/assets/composables_use-content-container.md.rX_c7Mqq.lean.js
new file mode 100644
index 0000000..f84d5a9
--- /dev/null
+++ b/assets/composables_use-content-container.md.rX_c7Mqq.lean.js
@@ -0,0 +1 @@
+import{_ as a,c as n,o as e,j as i,ae as h,a as l,t as p}from"./chunks/framework.BItfZ8Ze.js";const u=JSON.parse('{"title":"useContentContainer","description":"","frontmatter":{"title":"useContentContainer"},"headers":[],"relativePath":"composables/use-content-container.md","filePath":"composables/use-content-container.md"}'),k={name:"composables/use-content-container.md"},r={id:"frontmatter-title",tabindex:"-1"};function d(t,s,o,E,c,g){return e(),n("div",null,[i("h1",r,[l(p(t.$frontmatter.title)+" ",1),s[0]||(s[0]=i("a",{class:"header-anchor",href:"#frontmatter-title","aria-label":'Permalink to "{{$frontmatter.title}}"'},"",-1))]),s[1]||(s[1]=h("",12))])}const F=a(k,[["render",d]]);export{u as __pageData,F as default};
diff --git a/assets/composables_use-content-headline.md.A2MuPB6o.js b/assets/composables_use-content-headline.md.A2MuPB6o.js
new file mode 100644
index 0000000..bb59ed1
--- /dev/null
+++ b/assets/composables_use-content-headline.md.A2MuPB6o.js
@@ -0,0 +1,21 @@
+import{_ as a,c as e,o as n,j as i,ae as l,a as h,t as p}from"./chunks/framework.BItfZ8Ze.js";const u=JSON.parse('{"title":"useContentHeadline","description":"","frontmatter":{"title":"useContentHeadline"},"headers":[],"relativePath":"composables/use-content-headline.md","filePath":"composables/use-content-headline.md"}'),k={name:"composables/use-content-headline.md"},d={id:"frontmatter-title",tabindex:"-1"};function r(t,s,o,E,c,g){return n(),e("div",null,[i("h1",d,[h(p(t.$frontmatter.title)+" ",1),s[0]||(s[0]=i("a",{class:"header-anchor",href:"#frontmatter-title","aria-label":'Permalink to "{{$frontmatter.title}}"'},"",-1))]),s[1]||(s[1]=l(`
`,13))])}const F=a(k,[["render",r]]);export{u as __pageData,F as default};
diff --git a/assets/composables_use-content-headline.md.A2MuPB6o.lean.js b/assets/composables_use-content-headline.md.A2MuPB6o.lean.js
new file mode 100644
index 0000000..15f0666
--- /dev/null
+++ b/assets/composables_use-content-headline.md.A2MuPB6o.lean.js
@@ -0,0 +1 @@
+import{_ as a,c as e,o as n,j as i,ae as l,a as h,t as p}from"./chunks/framework.BItfZ8Ze.js";const u=JSON.parse('{"title":"useContentHeadline","description":"","frontmatter":{"title":"useContentHeadline"},"headers":[],"relativePath":"composables/use-content-headline.md","filePath":"composables/use-content-headline.md"}'),k={name:"composables/use-content-headline.md"},d={id:"frontmatter-title",tabindex:"-1"};function r(t,s,o,E,c,g){return n(),e("div",null,[i("h1",d,[h(p(t.$frontmatter.title)+" ",1),s[0]||(s[0]=i("a",{class:"header-anchor",href:"#frontmatter-title","aria-label":'Permalink to "{{$frontmatter.title}}"'},"",-1))]),s[1]||(s[1]=l("",13))])}const F=a(k,[["render",r]]);export{u as __pageData,F as default};
diff --git a/assets/definitions.md.C8WydRnq.js b/assets/definitions.md.C8WydRnq.js
new file mode 100644
index 0000000..6e59723
--- /dev/null
+++ b/assets/definitions.md.C8WydRnq.js
@@ -0,0 +1,33 @@
+import{_ as n,c as t,o as e,j as i,ae as h,a as l,t as p}from"./chunks/framework.BItfZ8Ze.js";const F=JSON.parse('{"title":"Definitions","description":"","frontmatter":{"title":"Definitions"},"headers":[],"relativePath":"definitions.md","filePath":"definitions.md"}'),k={name:"definitions.md"},r={id:"frontmatter-title",tabindex:"-1"};function d(a,s,o,g,E,c){return e(),t("div",null,[i("h1",r,[l(p(a.$frontmatter.title)+" ",1),s[0]||(s[0]=i("a",{class:"header-anchor",href:"#frontmatter-title","aria-label":'Permalink to "{{$frontmatter.title}}"'},"",-1))]),s[1]||(s[1]=h(`
All listed definitions are available in the vue-semantic-structure package.
`,20))])}const C=n(k,[["render",d]]);export{F as __pageData,C as default};
diff --git a/assets/definitions.md.C8WydRnq.lean.js b/assets/definitions.md.C8WydRnq.lean.js
new file mode 100644
index 0000000..94c3c87
--- /dev/null
+++ b/assets/definitions.md.C8WydRnq.lean.js
@@ -0,0 +1 @@
+import{_ as n,c as t,o as e,j as i,ae as h,a as l,t as p}from"./chunks/framework.BItfZ8Ze.js";const F=JSON.parse('{"title":"Definitions","description":"","frontmatter":{"title":"Definitions"},"headers":[],"relativePath":"definitions.md","filePath":"definitions.md"}'),k={name:"definitions.md"},r={id:"frontmatter-title",tabindex:"-1"};function d(a,s,o,g,E,c){return e(),t("div",null,[i("h1",r,[l(p(a.$frontmatter.title)+" ",1),s[0]||(s[0]=i("a",{class:"header-anchor",href:"#frontmatter-title","aria-label":'Permalink to "{{$frontmatter.title}}"'},"",-1))]),s[1]||(s[1]=h("",20))])}const C=n(k,[["render",d]]);export{F as __pageData,C as default};
diff --git a/assets/index.md.C1D-KOIn.js b/assets/index.md.C1D-KOIn.js
new file mode 100644
index 0000000..b9e8d35
--- /dev/null
+++ b/assets/index.md.C1D-KOIn.js
@@ -0,0 +1 @@
+import{_ as t,c as e,o as a}from"./chunks/framework.BItfZ8Ze.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"Vue Semantic Structure","text":"Helper for semantic HTML structure.","image":{"src":"/logo-small.svg","alt":"VitePress"},"actions":[{"theme":"brand","text":"Introduction","link":"/introduction"},{"theme":"alt","text":"Live Example","link":"https://basics.github.io/vue-semantic-structure/playground/"}]},"features":[{"title":"Automated","details":"Automatic heading levels (`h1`, `h2`, `h3`, `h4`, `h5`, `h6`)"},{"title":"Standard","details":"Standardize the headline structure on large projects."},{"title":"HTML Structure","details":"Easy way to build sematic html structure (`main`, `article`, `section`)"}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}'),r={name:"index.md"};function i(s,n,o,c,l,d){return a(),e("div")}const h=t(r,[["render",i]]);export{m as __pageData,h as default};
diff --git a/assets/index.md.C1D-KOIn.lean.js b/assets/index.md.C1D-KOIn.lean.js
new file mode 100644
index 0000000..b9e8d35
--- /dev/null
+++ b/assets/index.md.C1D-KOIn.lean.js
@@ -0,0 +1 @@
+import{_ as t,c as e,o as a}from"./chunks/framework.BItfZ8Ze.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"Vue Semantic Structure","text":"Helper for semantic HTML structure.","image":{"src":"/logo-small.svg","alt":"VitePress"},"actions":[{"theme":"brand","text":"Introduction","link":"/introduction"},{"theme":"alt","text":"Live Example","link":"https://basics.github.io/vue-semantic-structure/playground/"}]},"features":[{"title":"Automated","details":"Automatic heading levels (`h1`, `h2`, `h3`, `h4`, `h5`, `h6`)"},{"title":"Standard","details":"Standardize the headline structure on large projects."},{"title":"HTML Structure","details":"Easy way to build sematic html structure (`main`, `article`, `section`)"}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}'),r={name:"index.md"};function i(s,n,o,c,l,d){return a(),e("div")}const h=t(r,[["render",i]]);export{m as __pageData,h as default};
diff --git a/assets/integration_nuxt-3.md.BN7vktBP.js b/assets/integration_nuxt-3.md.BN7vktBP.js
new file mode 100644
index 0000000..6301831
--- /dev/null
+++ b/assets/integration_nuxt-3.md.BN7vktBP.js
@@ -0,0 +1,60 @@
+import{_ as n,c as t,o as l,j as i,ae as e,a as p,t as h}from"./chunks/framework.BItfZ8Ze.js";const u=JSON.parse('{"title":"Nuxt 3 Integration","description":"","frontmatter":{"title":"Nuxt 3 Integration"},"headers":[],"relativePath":"integration/nuxt-3.md","filePath":"integration/nuxt-3.md"}'),k={name:"integration/nuxt-3.md"},E={id:"frontmatter-title",tabindex:"-1"};function d(a,s,r,g,o,y){return l(),t("div",null,[i("h1",E,[p(h(a.$frontmatter.title)+" ",1),s[0]||(s[0]=i("a",{class:"header-anchor",href:"#frontmatter-title","aria-label":'Permalink to "{{$frontmatter.title}}"'},"",-1))]),s[1]||(s[1]=e(`
In the layout, the component ContentContainer must be placed around the respective page slot. The ContentContainer defined there represents the main of the page.
`,13))])}const m=n(k,[["render",d]]);export{u as __pageData,m as default};
diff --git a/assets/integration_nuxt-3.md.BN7vktBP.lean.js b/assets/integration_nuxt-3.md.BN7vktBP.lean.js
new file mode 100644
index 0000000..c5fc3e9
--- /dev/null
+++ b/assets/integration_nuxt-3.md.BN7vktBP.lean.js
@@ -0,0 +1 @@
+import{_ as n,c as t,o as l,j as i,ae as e,a as p,t as h}from"./chunks/framework.BItfZ8Ze.js";const u=JSON.parse('{"title":"Nuxt 3 Integration","description":"","frontmatter":{"title":"Nuxt 3 Integration"},"headers":[],"relativePath":"integration/nuxt-3.md","filePath":"integration/nuxt-3.md"}'),k={name:"integration/nuxt-3.md"},E={id:"frontmatter-title",tabindex:"-1"};function d(a,s,r,g,o,y){return l(),t("div",null,[i("h1",E,[p(h(a.$frontmatter.title)+" ",1),s[0]||(s[0]=i("a",{class:"header-anchor",href:"#frontmatter-title","aria-label":'Permalink to "{{$frontmatter.title}}"'},"",-1))]),s[1]||(s[1]=e("",13))])}const m=n(k,[["render",d]]);export{u as __pageData,m as default};
diff --git a/assets/introduction.md.DLhlZNni.js b/assets/introduction.md.DLhlZNni.js
new file mode 100644
index 0000000..5162f69
--- /dev/null
+++ b/assets/introduction.md.DLhlZNni.js
@@ -0,0 +1,59 @@
+import{_ as t,c as n,o as l,j as i,ae as h,a as e,t as k}from"./chunks/framework.BItfZ8Ze.js";const A=JSON.parse('{"title":"Introduction","description":"","frontmatter":{"title":"Introduction"},"headers":[],"relativePath":"introduction.md","filePath":"introduction.md"}'),p={name:"introduction.md"},E={id:"frontmatter-title",tabindex:"-1"};function r(a,s,d,g,y,o){return l(),n("div",null,[i("h1",E,[e(k(a.$frontmatter.title)+" ",1),s[0]||(s[0]=i("a",{class:"header-anchor",href:"#frontmatter-title","aria-label":'Permalink to "{{$frontmatter.title}}"'},"",-1))]),s[1]||(s[1]=h(`
`,12))])}const u=t(p,[["render",r]]);export{A as __pageData,u as default};
diff --git a/assets/introduction.md.DLhlZNni.lean.js b/assets/introduction.md.DLhlZNni.lean.js
new file mode 100644
index 0000000..df35a71
--- /dev/null
+++ b/assets/introduction.md.DLhlZNni.lean.js
@@ -0,0 +1 @@
+import{_ as t,c as n,o as l,j as i,ae as h,a as e,t as k}from"./chunks/framework.BItfZ8Ze.js";const A=JSON.parse('{"title":"Introduction","description":"","frontmatter":{"title":"Introduction"},"headers":[],"relativePath":"introduction.md","filePath":"introduction.md"}'),p={name:"introduction.md"},E={id:"frontmatter-title",tabindex:"-1"};function r(a,s,d,g,y,o){return l(),n("div",null,[i("h1",E,[e(k(a.$frontmatter.title)+" ",1),s[0]||(s[0]=i("a",{class:"header-anchor",href:"#frontmatter-title","aria-label":'Permalink to "{{$frontmatter.title}}"'},"",-1))]),s[1]||(s[1]=h("",12))])}const u=t(p,[["render",r]]);export{A as __pageData,u as default};
diff --git a/assets/setup.md.IsUG3fYM.js b/assets/setup.md.IsUG3fYM.js
new file mode 100644
index 0000000..765cfb7
--- /dev/null
+++ b/assets/setup.md.IsUG3fYM.js
@@ -0,0 +1 @@
+import{_ as e,c as i,o as n,j as t,ae as l,a as p,t as r}from"./chunks/framework.BItfZ8Ze.js";const m=JSON.parse('{"title":"Setup","description":"","frontmatter":{"title":"Setup"},"headers":[],"relativePath":"setup.md","filePath":"setup.md"}'),d={name:"setup.md"},o={id:"frontmatter-title",tabindex:"-1"};function h(s,a,c,u,k,b){return n(),i("div",null,[t("h1",o,[p(r(s.$frontmatter.title)+" ",1),a[0]||(a[0]=t("a",{class:"header-anchor",href:"#frontmatter-title","aria-label":'Permalink to "{{$frontmatter.title}}"'},"",-1))]),a[1]||(a[1]=l('
In comparison to the basic application, the entire content is enclosed in another CustomContentContainer (e.g. ContentContainer), which represents the <article> tag.
-
-
-
diff --git a/docs/src/components/content-container.md b/docs/src/components/content-container.md
deleted file mode 100644
index 82d6b5a..0000000
--- a/docs/src/components/content-container.md
+++ /dev/null
@@ -1,122 +0,0 @@
----
-title: ContentHeadline
----
-
-# {{$frontmatter.title}}
-
-## Introduction
-
-::: tip
-Optionally, the composable [`useContentContainer`](../composables/use-content-container) can also be used as a wrapper.
-:::
-
-The `ContentContainer` is used to map the depth of the element structure.
-
-With each nested `ContentContainer` the element structure becomes one level deeper (`level`).
-
-The appropriate HTML element for the page structure is determined based on the `level`. (e.g. `main`, `article`, `section`)
-
-## Types
-
-```ts
-
-declare interface ContentContainerProps {
- tag?: string;
- rootTags?: string[];
- contentTags?: string[];
- level?: number;
- debug?: boolean;
-}
-
-declare interface ContentContainerContext extends ContentContainerProps {
- parentLevel: number;
- currentLevel: number;
- currentTag: string;
-}
-```
-
-## Properties
-
-### tag
-
-- Type: `String`
-- Default: `null`
-
-Tag for the element.
-
-### rootTags
-
-- Type: `Array`
-- Default: `inject('semanticStructure_rootTags', ['main'])`
-
-Available tags for the root structure.
-
-*If not set, the value is inherited from the parent element.*
-
-### contentTags
-
-- Type: `Array`
-- Default: `inject('semanticStructure_contentTags', ['article', 'section'])`
-
-Available tags for the content structure.
-
-*If not set, the value is inherited from the parent element.*
-
-### level
-
-- Type: `Number`
-- Default: `undefined`
-
-Can be used to overwrite the level.
-
-### debug
-
-- Type: `Boolean`
-- Default: `inject('semanticStructure_debug', false)`
-
-If set, the following attributes are set on the element: `data-current-tag`, `data-current-level` and `data-parent-level`.
-
-## v-slot
-
-### default
-
-| Property | Type | Description |
-| -------------- | -------- | ------------------------ |
-| `currentTag` | `String` | Get current element tag. |
-| `parentLevel` | `Number` | Get parent level. |
-| `currentLevel` | `Number` | Get current level. |
-
-## Example
-
-```vue
-
-
-
- Primary Headline (h1)
-
-
- Secondary Headline (h2)
-
- Tertiary Headline (h3)
-
-
-
-
-
-
-```
-
-```html
-
-
-
Primary Headline (h1)
-
-
-
Secondary Headline (h2)
-
-
Tertiary Headline (h3)
-
-
-
diff --git a/docs/src/components/content-headline.md b/docs/src/components/content-headline.md
deleted file mode 100644
index 147adf0..0000000
--- a/docs/src/components/content-headline.md
+++ /dev/null
@@ -1,94 +0,0 @@
----
-title: ContentHeadline
----
-
-# {{$frontmatter.title}}
-
-## Introduction
-
-::: tip
-Optionally, the composable [`useContentHeadline`](../composables/use-content-headline) can also be used as a wrapper.
-:::
-
-`ContentHeadline` is used to display the headline structure.
-
-Example: `h1`, `h2`, `h3`, `h4`, `h5`, `h6`
-
-The level of the heading is taken from the `ContentContainer`.
-
-The deeper the nesting, the smaller the heading.
-
-## Types
-
-```ts
-declare interface ContentHeadlineProps {
- tag: string;
- debug: boolean;
-}
-
-declare interface ContentHeadlineContext extends ContentHeadlineProps {
- parentLevel: number;
- currentLevel: number;
- currentTag: string;
-}
-```
-
-### tag
-
-- Type: `String`
-- Default: `null`
-
-Tag for the element.
-
-### debug
-
-- Type: `Boolean`
-- Default: `inject('semanticStructure_debug', false)`
-
-If set, the following attributes are set on the element: `data-current-tag`, `data-current-level` and `data-parent-level`.
-
-## v-slot
-
-### default
-
-| Property | Type | Description |
-| -------------- | -------- | ------------------------ |
-| `currentTag` | `String` | Get current element tag. |
-| `parentLevel` | `Number` | Get parent level. |
-| `currentLevel` | `Number` | Get current level. |
-
-## Example
-
-```vue
-
-
-
- Primary Headline (h1)
-
-
- Secondary Headline (h2)
-
- Tertiary Headline (h3)
-
-
-
-
-
-
-```
-
-```html
-
-
-
Primary Headline (h1)
-
-
-
Secondary Headline (h2)
-
-
Tertiary Headline (h3)
-
-
-
-```
diff --git a/docs/src/composables/use-content-container.md b/docs/src/composables/use-content-container.md
deleted file mode 100644
index d93511e..0000000
--- a/docs/src/composables/use-content-container.md
+++ /dev/null
@@ -1,69 +0,0 @@
----
-title: useContentContainer
----
-
-# {{$frontmatter.title}}
-
-## Introduction
-
-::: tip
-Optionally, the component [``](../components/content-container) can also be used as a wrapper.
-:::
-
-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 element structure is increased by one `level`.
-
-The appropriate HTML element for the page structure is determined based on the `level`. (e.g. `main`, `section`, `article`)
-
-```vue
-
-
-
-
-
-
-
-
-
-```
-
-## Types
-
-```ts
-declare function useContentContainer(options?: ContentContainerOptions): ContentContainerReturn;
-
-declare interface ContentContainerOptions {
- tag?: string;
- contentTags?: Array;
- rootTags?: Array;
- level?: number;
-}
-
-declare interface ContentContainerReturn {
- parentLevel: ComputedRef;
- currentLevel: ComputedRef;
- currentTag: ComputedRef;
-}
-```
-
-## Options
-
-| Property | Type | Description | Default Value |
-| ------------- | -------- | ----------------------------------------- | --------------------------------------------------------------- |
-| `tag` | `String` | Can be used to overwrite the tag. | `undefined` |
-| `contentTags` | `Array` | Available tags for the content structure. | `inject('semanticStructure_contentTags', ['article', 'section'])` |
-| `rootTags` | `Array` | Available tags for the root structure. | `inject('semanticStructure_rootTags', ['main'])` |
-| `level` | `Number` | Can be used to overwrite the level. | `undefined` |
-
-## Result
-
-| Property | Type | Description |
-| -------------- | ---------------------- | --------------------- |
-| `parentLevel` | `ComputedRef;` | Get parent level. |
-| `currentLevel` | `ComputedRef` | Get current level. |
-| `currentTag` | `ComputedRef` | Get current html tag. |
diff --git a/docs/src/composables/use-content-headline.md b/docs/src/composables/use-content-headline.md
deleted file mode 100644
index 14a53bb..0000000
--- a/docs/src/composables/use-content-headline.md
+++ /dev/null
@@ -1,64 +0,0 @@
----
-title: useContentHeadline
----
-
-# {{$frontmatter.title}}
-
-## Introduction
-
-::: tip
-Optionally, the component [``](../components/content-headline) can also be used as a wrapper.
-:::
-
-`useContentHeadline()` is used to display the headline structure.
-
-Example: `h1`, `h2`, `h3`, `h4`, `h5`, `h6`
-
-The level of the heading is taken from `useContentContainer()` or `ContentContainer`.
-
-The deeper the nesting, the smaller the heading.
-
-```vue
-
-
-
-
-
-
-
-
-```
-
-## Types
-
-```ts
-declare function useContentHeadline(options?: ContentHeadlineOptions): ContentHeadlineReturn;
-
-declare interface ContentHeadlineOptions {
- tag?: string;
-}
-
-declare interface ContentHeadlineReturn {
- parentLevel: ComputedRef;
- currentLevel: ComputedRef;
- currentTag: ComputedRef;
-}
-```
-
-## Options
-
-| Property | Type | Description | Default Value |
-| -------- | --------------------- | ------------------- | ------------- |
-| `tag` | `String`\|`undefined` | Tag for the element | `undefined` |
-
-## Result
-
-| Property | Type | Description |
-| -------------- | ---------------------- | --------------------- |
-| `parentLevel` | `ComputedRef;` | Get parent level. |
-| `currentLevel` | `ComputedRef` | Get current level. |
-| `currentTag` | `ComputedRef` | Get current html tag. |
diff --git a/docs/src/definitions.md b/docs/src/definitions.md
deleted file mode 100644
index 296c928..0000000
--- a/docs/src/definitions.md
+++ /dev/null
@@ -1,95 +0,0 @@
----
-title: Definitions
----
-
-# {{$frontmatter.title}}
-
-All listed definitions are available in the `vue-semantic-structure` package.
-
-### Example
-
-```ts
-import type { ContentContainerProps } from 'vue-semantic-structure';
-```
-
-## Interface
-
-### ContentContainerProps
-
-```ts
-interface ContentContainerProps {
- tag?: string;
- rootTags?: string[];
- contentTags?: string[];
- level?: number;
- debug?: boolean;
-}
-```
-
-### ContentContainerContext
-
-```ts
-interface ContentContainerContext extends ContentContainerProps {
- parentLevel: number;
- currentLevel: number;
- currentTag: string;
-}
-```
-
-### ContentHeadlineProps
-
-```ts
-interface ContentHeadlineProps {
- tag: string;
- debug: boolean;
-}
-```
-
-### ContentHeadlineContext
-
-```ts
-interface ContentHeadlineContext extends ContentHeadlineProps {
- parentLevel: number;
- currentLevel: number;
- currentTag: string;
-}
-```
-
-### ContentContainerOptions
-
-```ts
-interface ContentContainerOptions {
- tag?: string | undefined;
- rootTags?: string[];
- contentTags?: string[];
- level?: number;
-}
-```
-
-### ContentContainerReturn
-
-```ts
-interface ContentContainerReturn {
- parentLevel: ComputedRef;
- currentLevel: ComputedRef;
- currentTag: ComputedRef;
-}
-```
-
-### ContentHeadlineOptions
-
-```ts
-interface ContentHeadlineOptions {
- tag?: string | undefined;
-}
-```
-
-### ContentHeadlineReturn
-
-```ts
-interface ContentHeadlineReturn {
- parentLevel: ComputedRef;
- currentLevel: ComputedRef;
- currentTag: ComputedRef;
-}
-```
diff --git a/docs/src/index.md b/docs/src/index.md
deleted file mode 100644
index 7b09c93..0000000
--- a/docs/src/index.md
+++ /dev/null
@@ -1,26 +0,0 @@
----
-layout: home
-
-hero:
- name: "Vue Semantic Structure"
- text: "Helper for semantic HTML structure."
- image:
- src: /logo-small.svg
- alt: VitePress
- actions:
- - theme: brand
- text: Introduction
- link: /introduction
- - theme: alt
- text: Live Example
- link: https://basics.github.io/vue-semantic-structure/playground/
-
-features:
- - title: Automated
- details: Automatic heading levels (`h1`, `h2`, `h3`, `h4`, `h5`, `h6`)
- - title: Standard
- details: Standardize the headline structure on large projects.
- - title: HTML Structure
- details: Easy way to build sematic html structure (`main`, `article`, `section`)
----
-
diff --git a/docs/src/integration/nuxt-3.md b/docs/src/integration/nuxt-3.md
deleted file mode 100644
index 696fa90..0000000
--- a/docs/src/integration/nuxt-3.md
+++ /dev/null
@@ -1,123 +0,0 @@
----
-title: Nuxt 3 Integration
----
-
-# {{$frontmatter.title}}
-
-The integration in Nuxt is done in a few steps.
-
-The following settings must be adjusted:
-
-- Layout
-- Page Component
-
-## Layout
-
-In the layout, the component `ContentContainer` must be placed around the respective page slot.
-The `ContentContainer` defined there represents the `main` of the page.
-
-::: code-group
-
-```vue [layouts/default.vue]
-
-
-
-
-
-
-
-
-
-
-```
-
-:::
-
-## Page Component
-
-With the exception of the first component, each additional component must contain a `ContentContainer`.
-
-::: code-group
-
-```vue[pages/index.vue]
-
-
-
-
-
-
-
-
-
-```
-
-```vue[OtherComponentA.vue]
-
-
-
-
- Headline
-
-
-
-
-```
-
-```vue[OtherComponentB.vue]
-
-
-
-
- Headline
-
-
-
-
-```
-
-:::
-
-## Register Global
-
-`ContentHeadline` and `ContentContainer` can also be defined globally.
-
-Only one plugin needs to be created for this.
-
-::: code-group
-
-```js[Nuxt 3: plugin/vue-semantic-structure.js]
-import { defineNuxtPlugin } from 'nuxt/app';
-import { ContentHeadline, ContentContainer } from 'vue-semantic-structure';
-
-export default defineNuxtPlugin({
- async setup(nuxtApp) {
- nuxtApp.vueApp.component('ContentHeadline', ContentHeadline);
- nuxtApp.vueApp.component('ContentContainer', ContentContainer);
- }
-});
-```
-
-:::
diff --git a/docs/src/introduction.md b/docs/src/introduction.md
deleted file mode 100644
index 762b9fa..0000000
--- a/docs/src/introduction.md
+++ /dev/null
@@ -1,100 +0,0 @@
----
-title: Introduction
----
-
-# {{$frontmatter.title}}
-
-## What does Vue Structural Headings do?
-
-It provides two components and optionally compoasables to help you build semantic HTML structure.
-
-| Component | Composable |
-| --- | --- |
-| [ContentContainer](/components/content-container) | [useContentContainer](/composables/use-content-container) |
-| [ContentHeadline](/components/content-headline) | [useContentHeadline](/composables/use-content-headline) |
-
-### ContentContainer
-
-The `ContentContainer` is used to display the depth of the page structure.
-
-With each nested `ContentContainer`, the page structure becomes one level deeper (`level`).
-
-The appropriate HTML element for the page structure is determined based on the `level`.
-
-### ContentHeadline
-
-The `ContentHeadline` is used to display the heading structure.
-
-The `ContentHeadline` takes the level from the `ContentContainer` and sets the appropriate HTML element for the heading.
-
-## Example
-
-::: code-group
-
-```vue [Vue]
-
-
In the layout, the component ContentContainer must be placed around the respective page slot. The ContentContainer defined there represents the main of the page.