diff --git a/404.html b/404.html index f65ee0a..096feb2 100644 --- a/404.html +++ b/404.html @@ -21,7 +21,7 @@
- + \ No newline at end of file diff --git a/assets/components_content-container.md.QZMzhc4h.js b/assets/components_content-container.md.CPMs-PpO.js similarity index 70% rename from assets/components_content-container.md.QZMzhc4h.js rename to assets/components_content-container.md.CPMs-PpO.js index de2965a..db3d4c1 100644 --- a/assets/components_content-container.md.QZMzhc4h.js +++ b/assets/components_content-container.md.CPMs-PpO.js @@ -1,4 +1,4 @@ -import{_ as t,c as e,j as i,a as n,t as l,a0 as h,o as p}from"./chunks/framework.CTAZTrj0.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,c,g){return p(),e("div",null,[i("h1",r,[n(l(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(`

Introduction ​

TIP

Optionally, the composable useContentContainer 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)

Properties ​

abstract ​

If set, the heading is rendered as an abstract heading. (e.g. <slot />)

tag ​

Tag for the element.

rootTags ​

Available tags for the root structure.

If not set, the value is inherited from the parent element.

contentTags ​

Available tags for the content structure.

If not set, the value is inherited from the parent element.

level ​

Can be used to overwrite the level.

v-slot ​

default ​

PropertyTypeDescription
currentTagStringGet current element tag.
parentLevelNumberGet parent level.
currentLevelNumberGet current level.

Example ​

vue
<template>
+import{_ as t,c as e,j as i,a as n,t as l,a0 as h,o as p}from"./chunks/framework.CTAZTrj0.js";const u=JSON.parse('{"title":"ContentHeadline","description":"","frontmatter":{"title":"ContentHeadline"},"headers":[],"relativePath":"components/content-container.md","filePath":"components/content-container.md"}'),r={name:"components/content-container.md"},k={id:"frontmatter-title",tabindex:"-1"};function d(a,s,E,o,c,g){return p(),e("div",null,[i("h1",k,[n(l(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(`
Introduction ​
TIP
Optionally, the composable useContentContainer 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)
Properties ​
tag ​
  • Type: String
  • Default: null
Tag for the element.
rootTags ​
  • Type: Array
  • Default: inject('semanticRelease_rootTags', ['main'])
Available tags for the root structure.
If not set, the value is inherited from the parent element.
contentTags ​
  • Type: Array
  • Default: inject('semanticRelease_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('semanticRelease_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 ​
PropertyTypeDescription
currentTagStringGet current element tag.
parentLevelNumberGet parent level.
currentLevelNumberGet current level.
Example ​
vue
<template>
   <ContentContainer>
     <header>
       <ContentHeadline> Primary Headline (h1) </ContentHeadline>
@@ -13,8 +13,7 @@ import{_ as t,c as e,j as i,a as n,t as l,a0 as h,o as p}from"./chunks/framework
 </template>
 
 <script setup>
-import ContentContainer from 'vue-semantic-structure/ContentContainer.vue';
-import ContentHeadline from 'vue-semantic-structure/ContentHeadline.vue';
+import { ContentContainer, ContentHeadline } from 'vue-semantic-structure';
 </script>
html
<main>
   <header>
     <h1> Primary Headline (h1) </h1>
@@ -25,4 +24,4 @@ import{_ as t,c as e,j as i,a as n,t as l,a0 as h,o as p}from"./chunks/framework
       <h3> Tertiary Headline (h3) </h3>
     </section>
   </article>
-</main>
`,29))])}const m=t(k,[["render",d]]);export{u as __pageData,m as default};
+</main>
`,29))])}const m=t(r,[["render",d]]);export{u as __pageData,m as default}; diff --git a/assets/components_content-container.md.QZMzhc4h.lean.js b/assets/components_content-container.md.CPMs-PpO.lean.js similarity index 70% rename from assets/components_content-container.md.QZMzhc4h.lean.js rename to assets/components_content-container.md.CPMs-PpO.lean.js index de2965a..db3d4c1 100644 --- a/assets/components_content-container.md.QZMzhc4h.lean.js +++ b/assets/components_content-container.md.CPMs-PpO.lean.js @@ -1,4 +1,4 @@ -import{_ as t,c as e,j as i,a as n,t as l,a0 as h,o as p}from"./chunks/framework.CTAZTrj0.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,c,g){return p(),e("div",null,[i("h1",r,[n(l(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(`

Introduction ​

TIP

Optionally, the composable useContentContainer 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)

Properties ​

abstract ​

If set, the heading is rendered as an abstract heading. (e.g. <slot />)

tag ​

Tag for the element.

rootTags ​

Available tags for the root structure.

If not set, the value is inherited from the parent element.

contentTags ​

Available tags for the content structure.

If not set, the value is inherited from the parent element.

level ​

Can be used to overwrite the level.

v-slot ​

default ​

PropertyTypeDescription
currentTagStringGet current element tag.
parentLevelNumberGet parent level.
currentLevelNumberGet current level.

Example ​

vue
<template>
+import{_ as t,c as e,j as i,a as n,t as l,a0 as h,o as p}from"./chunks/framework.CTAZTrj0.js";const u=JSON.parse('{"title":"ContentHeadline","description":"","frontmatter":{"title":"ContentHeadline"},"headers":[],"relativePath":"components/content-container.md","filePath":"components/content-container.md"}'),r={name:"components/content-container.md"},k={id:"frontmatter-title",tabindex:"-1"};function d(a,s,E,o,c,g){return p(),e("div",null,[i("h1",k,[n(l(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(`
Introduction ​
TIP
Optionally, the composable useContentContainer 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)
Properties ​
tag ​
  • Type: String
  • Default: null
Tag for the element.
rootTags ​
  • Type: Array
  • Default: inject('semanticRelease_rootTags', ['main'])
Available tags for the root structure.
If not set, the value is inherited from the parent element.
contentTags ​
  • Type: Array
  • Default: inject('semanticRelease_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('semanticRelease_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 ​
PropertyTypeDescription
currentTagStringGet current element tag.
parentLevelNumberGet parent level.
currentLevelNumberGet current level.
Example ​
vue
<template>
   <ContentContainer>
     <header>
       <ContentHeadline> Primary Headline (h1) </ContentHeadline>
@@ -13,8 +13,7 @@ import{_ as t,c as e,j as i,a as n,t as l,a0 as h,o as p}from"./chunks/framework
 </template>
 
 <script setup>
-import ContentContainer from 'vue-semantic-structure/ContentContainer.vue';
-import ContentHeadline from 'vue-semantic-structure/ContentHeadline.vue';
+import { ContentContainer, ContentHeadline } from 'vue-semantic-structure';
 </script>
html
<main>
   <header>
     <h1> Primary Headline (h1) </h1>
@@ -25,4 +24,4 @@ import{_ as t,c as e,j as i,a as n,t as l,a0 as h,o as p}from"./chunks/framework
       <h3> Tertiary Headline (h3) </h3>
     </section>
   </article>
-</main>
`,29))])}const m=t(k,[["render",d]]);export{u as __pageData,m as default};
+</main>
`,29))])}const m=t(r,[["render",d]]);export{u as __pageData,m as default}; diff --git a/assets/components_content-headline.md.G9bou41B.js b/assets/components_content-headline.md.C4hIRXYS.js similarity index 76% rename from assets/components_content-headline.md.G9bou41B.js rename to assets/components_content-headline.md.C4hIRXYS.js index 3d2c955..ec72c2c 100644 --- a/assets/components_content-headline.md.G9bou41B.js +++ b/assets/components_content-headline.md.C4hIRXYS.js @@ -1,4 +1,4 @@ -import{_ as t,c as n,j as i,a as e,t as l,a0 as h,o as p}from"./chunks/framework.CTAZTrj0.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"},E={id:"frontmatter-title",tabindex:"-1"};function d(a,s,r,o,g,c){return p(),n("div",null,[i("h1",E,[e(l(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(`

Introduction ​

TIP

Optionally, the composable useContentHeadline 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.

Properties ​

abstract ​

If set, the heading is rendered as an abstract heading. (e.g. <slot />)

tag ​

Tag for the element.

v-slot ​

default ​

PropertyTypeDescription
currentTagStringGet current element tag.
parentLevelNumberGet parent level.
currentLevelNumberGet current level.

Example ​

vue
<template>
+import{_ as t,c as e,j as i,a as n,t as l,a0 as h,o as p}from"./chunks/framework.CTAZTrj0.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"},E={id:"frontmatter-title",tabindex:"-1"};function d(a,s,r,o,g,c){return p(),e("div",null,[i("h1",E,[n(l(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(`
Introduction ​
TIP
Optionally, the composable useContentHeadline 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.
Properties ​
tag ​
  • Type: String
  • Default: null
Tag for the element.
debug ​
  • Type: Boolean
  • Default: inject('semanticRelease_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 ​
PropertyTypeDescription
currentTagStringGet current element tag.
parentLevelNumberGet parent level.
currentLevelNumberGet current level.
Example ​
vue
<template>
   <ContentContainer>
     <header>
       <ContentHeadline> Primary Headline (h1) </ContentHeadline>
@@ -13,8 +13,7 @@ import{_ as t,c as n,j as i,a as e,t as l,a0 as h,o as p}from"./chunks/framework
 </template>
 
 <script setup>
-import ContentContainer from 'vue-semantic-structure/ContentContainer.vue';
-import ContentHeadline from 'vue-semantic-structure/ContentHeadline.vue';
+import { ContentContainer, ContentHeadline } from 'vue-semantic-structure';
 </script>
html
<main>
   <header>
     <h1> Primary Headline (h1) </h1>
diff --git a/assets/components_content-headline.md.G9bou41B.lean.js b/assets/components_content-headline.md.C4hIRXYS.lean.js
similarity index 76%
rename from assets/components_content-headline.md.G9bou41B.lean.js
rename to assets/components_content-headline.md.C4hIRXYS.lean.js
index 3d2c955..ec72c2c 100644
--- a/assets/components_content-headline.md.G9bou41B.lean.js
+++ b/assets/components_content-headline.md.C4hIRXYS.lean.js
@@ -1,4 +1,4 @@
-import{_ as t,c as n,j as i,a as e,t as l,a0 as h,o as p}from"./chunks/framework.CTAZTrj0.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"},E={id:"frontmatter-title",tabindex:"-1"};function d(a,s,r,o,g,c){return p(),n("div",null,[i("h1",E,[e(l(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(`
Introduction ​
TIP
Optionally, the composable useContentHeadline 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.
Properties ​
abstract ​
  • Type: Boolean
  • Default: false
If set, the heading is rendered as an abstract heading. (e.g. <slot />)
tag ​
  • Type: String
  • Default: null
Tag for the element.
v-slot ​
default ​
PropertyTypeDescription
currentTagStringGet current element tag.
parentLevelNumberGet parent level.
currentLevelNumberGet current level.
Example ​
vue
<template>
+import{_ as t,c as e,j as i,a as n,t as l,a0 as h,o as p}from"./chunks/framework.CTAZTrj0.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"},E={id:"frontmatter-title",tabindex:"-1"};function d(a,s,r,o,g,c){return p(),e("div",null,[i("h1",E,[n(l(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(`
Introduction ​
TIP
Optionally, the composable useContentHeadline 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.
Properties ​
tag ​
  • Type: String
  • Default: null
Tag for the element.
debug ​
  • Type: Boolean
  • Default: inject('semanticRelease_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 ​
PropertyTypeDescription
currentTagStringGet current element tag.
parentLevelNumberGet parent level.
currentLevelNumberGet current level.
Example ​
vue
<template>
   <ContentContainer>
     <header>
       <ContentHeadline> Primary Headline (h1) </ContentHeadline>
@@ -13,8 +13,7 @@ import{_ as t,c as n,j as i,a as e,t as l,a0 as h,o as p}from"./chunks/framework
 </template>
 
 <script setup>
-import ContentContainer from 'vue-semantic-structure/ContentContainer.vue';
-import ContentHeadline from 'vue-semantic-structure/ContentHeadline.vue';
+import { ContentContainer, ContentHeadline } from 'vue-semantic-structure';
 </script>
html
<main>
   <header>
     <h1> Primary Headline (h1) </h1>
diff --git a/assets/composables_use-content-container.md.Cuy9APxK.js b/assets/composables_use-content-container.md.CHmr0FgN.js
similarity index 83%
rename from assets/composables_use-content-container.md.Cuy9APxK.js
rename to assets/composables_use-content-container.md.CHmr0FgN.js
index 2b71e2c..a179942 100644
--- a/assets/composables_use-content-container.md.Cuy9APxK.js
+++ b/assets/composables_use-content-container.md.CHmr0FgN.js
@@ -1,4 +1,4 @@
-import{_ as e,c as a,j as s,a as n,t as l,a0 as d,o as h}from"./chunks/framework.CTAZTrj0.js";const y=JSON.parse('{"title":"useContentContainer","description":"","frontmatter":{"title":"useContentContainer"},"headers":[],"relativePath":"composables/use-content-container.md","filePath":"composables/use-content-container.md"}'),r={name:"composables/use-content-container.md"},o={id:"frontmatter-title",tabindex:"-1"};function p(i,t,k,c,E,g){return h(),a("div",null,[s("h1",o,[n(l(i.$frontmatter.title)+" ",1),t[0]||(t[0]=s("a",{class:"header-anchor",href:"#frontmatter-title","aria-label":'Permalink to "{{$frontmatter.title}}"'},"​",-1))]),t[1]||(t[1]=d(`
Introduction ​
TIP
Optionally, the component <ContentContainer> 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
<template>
+import{_ as e,c as a,j as s,a as n,t as l,a0 as d,o as h}from"./chunks/framework.CTAZTrj0.js";const y=JSON.parse('{"title":"useContentContainer","description":"","frontmatter":{"title":"useContentContainer"},"headers":[],"relativePath":"composables/use-content-container.md","filePath":"composables/use-content-container.md"}'),o={name:"composables/use-content-container.md"},r={id:"frontmatter-title",tabindex:"-1"};function p(i,t,k,c,E,g){return h(),a("div",null,[s("h1",r,[n(l(i.$frontmatter.title)+" ",1),t[0]||(t[0]=s("a",{class:"header-anchor",href:"#frontmatter-title","aria-label":'Permalink to "{{$frontmatter.title}}"'},"​",-1))]),t[1]||(t[1]=d(`
Introduction ​
TIP
Optionally, the component <ContentContainer> 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
<template>
   <component v-if="currentTag" :is="currentTag">
     <slot />
   </component>
@@ -9,4 +9,4 @@ import{_ as e,c as a,j as s,a as n,t as l,a0 as d,o as h}from"./chunks/framework
 import { useContentContainer } from 'vue-semantic-structure'
 
 const { currentTag } = useContentContainer()
-</script>
Options ​
PropertyTypeDescriptionDefault Value
tagStringCan be used to overwrite the tag.undefined
contentTagsArrayAvailable tags for the content structure.['section', 'article']
rootTagsArrayAvailable tags for the root structure.['main', undefined]
levelNumberCan be used to overwrite the level.undefined
Return ​
PropertyTypeDescription
currentTagStringGet current html tag.
parentLevelNumberGet parent level.
currentLevelNumberGet current level.
`,10))])}const m=e(r,[["render",p]]);export{y as __pageData,m as default};
+</script>
Options ​
PropertyTypeDescriptionDefault Value
tagStringCan be used to overwrite the tag.undefined
contentTagsArrayAvailable tags for the content structure.inject('semanticRelease_contentTags', ['article', 'section'])
rootTagsArrayAvailable tags for the root structure.inject('semanticRelease_rootTags', ['main'])
levelNumberCan be used to overwrite the level.undefined
Return ​
PropertyTypeDescription
currentTagStringGet current html tag.
parentLevelNumberGet parent level.
currentLevelNumberGet current level.
`,10))])}const m=e(o,[["render",p]]);export{y as __pageData,m as default};
diff --git a/assets/composables_use-content-container.md.Cuy9APxK.lean.js b/assets/composables_use-content-container.md.CHmr0FgN.lean.js
similarity index 83%
rename from assets/composables_use-content-container.md.Cuy9APxK.lean.js
rename to assets/composables_use-content-container.md.CHmr0FgN.lean.js
index 2b71e2c..a179942 100644
--- a/assets/composables_use-content-container.md.Cuy9APxK.lean.js
+++ b/assets/composables_use-content-container.md.CHmr0FgN.lean.js
@@ -1,4 +1,4 @@
-import{_ as e,c as a,j as s,a as n,t as l,a0 as d,o as h}from"./chunks/framework.CTAZTrj0.js";const y=JSON.parse('{"title":"useContentContainer","description":"","frontmatter":{"title":"useContentContainer"},"headers":[],"relativePath":"composables/use-content-container.md","filePath":"composables/use-content-container.md"}'),r={name:"composables/use-content-container.md"},o={id:"frontmatter-title",tabindex:"-1"};function p(i,t,k,c,E,g){return h(),a("div",null,[s("h1",o,[n(l(i.$frontmatter.title)+" ",1),t[0]||(t[0]=s("a",{class:"header-anchor",href:"#frontmatter-title","aria-label":'Permalink to "{{$frontmatter.title}}"'},"​",-1))]),t[1]||(t[1]=d(`
Introduction ​
TIP
Optionally, the component <ContentContainer> 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
<template>
+import{_ as e,c as a,j as s,a as n,t as l,a0 as d,o as h}from"./chunks/framework.CTAZTrj0.js";const y=JSON.parse('{"title":"useContentContainer","description":"","frontmatter":{"title":"useContentContainer"},"headers":[],"relativePath":"composables/use-content-container.md","filePath":"composables/use-content-container.md"}'),o={name:"composables/use-content-container.md"},r={id:"frontmatter-title",tabindex:"-1"};function p(i,t,k,c,E,g){return h(),a("div",null,[s("h1",r,[n(l(i.$frontmatter.title)+" ",1),t[0]||(t[0]=s("a",{class:"header-anchor",href:"#frontmatter-title","aria-label":'Permalink to "{{$frontmatter.title}}"'},"​",-1))]),t[1]||(t[1]=d(`
Introduction ​
TIP
Optionally, the component <ContentContainer> 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
<template>
   <component v-if="currentTag" :is="currentTag">
     <slot />
   </component>
@@ -9,4 +9,4 @@ import{_ as e,c as a,j as s,a as n,t as l,a0 as d,o as h}from"./chunks/framework
 import { useContentContainer } from 'vue-semantic-structure'
 
 const { currentTag } = useContentContainer()
-</script>
Options ​
PropertyTypeDescriptionDefault Value
tagStringCan be used to overwrite the tag.undefined
contentTagsArrayAvailable tags for the content structure.['section', 'article']
rootTagsArrayAvailable tags for the root structure.['main', undefined]
levelNumberCan be used to overwrite the level.undefined
Return ​
PropertyTypeDescription
currentTagStringGet current html tag.
parentLevelNumberGet parent level.
currentLevelNumberGet current level.
`,10))])}const m=e(r,[["render",p]]);export{y as __pageData,m as default};
+</script>
Options ​
PropertyTypeDescriptionDefault Value
tagStringCan be used to overwrite the tag.undefined
contentTagsArrayAvailable tags for the content structure.inject('semanticRelease_contentTags', ['article', 'section'])
rootTagsArrayAvailable tags for the root structure.inject('semanticRelease_rootTags', ['main'])
levelNumberCan be used to overwrite the level.undefined
Return ​
PropertyTypeDescription
currentTagStringGet current html tag.
parentLevelNumberGet parent level.
currentLevelNumberGet current level.
`,10))])}const m=e(o,[["render",p]]);export{y as __pageData,m as default};
diff --git a/assets/introduction.md.DQymr-1x.js b/assets/introduction.md.DJ1MFOQl.js
similarity index 96%
rename from assets/introduction.md.DQymr-1x.js
rename to assets/introduction.md.DJ1MFOQl.js
index aae2315..0380495 100644
--- a/assets/introduction.md.DQymr-1x.js
+++ b/assets/introduction.md.DJ1MFOQl.js
@@ -26,8 +26,7 @@ import{_ as n,c as t,j as i,a as h,t as l,a0 as e,o as k}from"./chunks/framework
 </template>
 
 <script setup>
-import ContentContainer from 'vue-semantic-structure/ContentContainer.vue';
-import ContentHeadline from 'vue-semantic-structure/ContentHeadline.vue';
+import { ContentContainer, ContentHeadline } from 'vue-semantic-structure';
 </script>
html
<div>
   <header>Header</header>
   <main>
@@ -51,4 +50,4 @@ import{_ as n,c as t,j as i,a as h,t as l,a0 as e,o as k}from"./chunks/framework
     </article>
   </main>
   <footer>Footer</footer>
-</div>
`,14))])}const C=n(p,[["render",r]]);export{u as __pageData,C as default};
+</div>
`,14))])}const D=n(p,[["render",r]]);export{u as __pageData,D as default};
diff --git a/assets/introduction.md.DQymr-1x.lean.js b/assets/introduction.md.DJ1MFOQl.lean.js
similarity index 96%
rename from assets/introduction.md.DQymr-1x.lean.js
rename to assets/introduction.md.DJ1MFOQl.lean.js
index aae2315..0380495 100644
--- a/assets/introduction.md.DQymr-1x.lean.js
+++ b/assets/introduction.md.DJ1MFOQl.lean.js
@@ -26,8 +26,7 @@ import{_ as n,c as t,j as i,a as h,t as l,a0 as e,o as k}from"./chunks/framework
 </template>
 
 <script setup>
-import ContentContainer from 'vue-semantic-structure/ContentContainer.vue';
-import ContentHeadline from 'vue-semantic-structure/ContentHeadline.vue';
+import { ContentContainer, ContentHeadline } from 'vue-semantic-structure';
 </script>
html
<div>
   <header>Header</header>
   <main>
@@ -51,4 +50,4 @@ import{_ as n,c as t,j as i,a as h,t as l,a0 as e,o as k}from"./chunks/framework
     </article>
   </main>
   <footer>Footer</footer>
-</div>
`,14))])}const C=n(p,[["render",r]]);export{u as __pageData,C as default};
+</div>
`,14))])}const D=n(p,[["render",r]]);export{u as __pageData,D as default}; diff --git a/assets/setup.md.upp34zGf.js b/assets/setup.md.CCrWH6q9.js similarity index 73% rename from assets/setup.md.upp34zGf.js rename to assets/setup.md.CCrWH6q9.js index 00c1ad1..13e4ce1 100644 --- a/assets/setup.md.upp34zGf.js +++ b/assets/setup.md.CCrWH6q9.js @@ -1 +1 @@ -import{_ as e,c as i,j as t,a as n,t as l,a0 as p,o as d}from"./chunks/framework.CTAZTrj0.js";const v=JSON.parse('{"title":"Setup","description":"","frontmatter":{"title":"Setup"},"headers":[],"relativePath":"setup.md","filePath":"setup.md"}'),r={name:"setup.md"},o={id:"frontmatter-title",tabindex:"-1"};function h(s,a,c,u,k,b){return d(),i("div",null,[t("h1",o,[n(l(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]=p('

Installation ​

Install vue-semantic-structure as a dependency to your project:

bash
yarn add vue-semantic-structure@next
bash
npm install vue-semantic-structure@next
bash
pnpm add vue-semantic-structure@next
',3))])}const m=e(r,[["render",h]]);export{v as __pageData,m as default}; +import{_ as s,c as i,j as t,a as n,t as l,a0 as p,o as r}from"./chunks/framework.CTAZTrj0.js";const g=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(e,a,c,u,b,k){return r(),i("div",null,[t("h1",o,[n(l(e.$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]=p('

Installation ​

Install vue-semantic-structure as a dependency to your project:

bash
yarn add vue-semantic-structure@next
bash
npm install vue-semantic-structure@next
bash
pnpm add vue-semantic-structure@next
',3))])}const v=s(d,[["render",h]]);export{g as __pageData,v as default}; diff --git a/assets/setup.md.upp34zGf.lean.js b/assets/setup.md.CCrWH6q9.lean.js similarity index 73% rename from assets/setup.md.upp34zGf.lean.js rename to assets/setup.md.CCrWH6q9.lean.js index 00c1ad1..13e4ce1 100644 --- a/assets/setup.md.upp34zGf.lean.js +++ b/assets/setup.md.CCrWH6q9.lean.js @@ -1 +1 @@ -import{_ as e,c as i,j as t,a as n,t as l,a0 as p,o as d}from"./chunks/framework.CTAZTrj0.js";const v=JSON.parse('{"title":"Setup","description":"","frontmatter":{"title":"Setup"},"headers":[],"relativePath":"setup.md","filePath":"setup.md"}'),r={name:"setup.md"},o={id:"frontmatter-title",tabindex:"-1"};function h(s,a,c,u,k,b){return d(),i("div",null,[t("h1",o,[n(l(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]=p('

Installation ​

Install vue-semantic-structure as a dependency to your project:

bash
yarn add vue-semantic-structure@next
bash
npm install vue-semantic-structure@next
bash
pnpm add vue-semantic-structure@next
',3))])}const m=e(r,[["render",h]]);export{v as __pageData,m as default}; +import{_ as s,c as i,j as t,a as n,t as l,a0 as p,o as r}from"./chunks/framework.CTAZTrj0.js";const g=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(e,a,c,u,b,k){return r(),i("div",null,[t("h1",o,[n(l(e.$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]=p('

Installation ​

Install vue-semantic-structure as a dependency to your project:

bash
yarn add vue-semantic-structure@next
bash
npm install vue-semantic-structure@next
bash
pnpm add vue-semantic-structure@next
',3))])}const v=s(d,[["render",h]]);export{g as __pageData,v as default}; diff --git a/assets/usage.md.BOVBSQBB.js b/assets/usage.md.DYJAsbbc.js similarity index 92% rename from assets/usage.md.BOVBSQBB.js rename to assets/usage.md.DYJAsbbc.js index 0e26a8a..cb9fba9 100644 --- a/assets/usage.md.BOVBSQBB.js +++ b/assets/usage.md.DYJAsbbc.js @@ -1,4 +1,4 @@ -import{_ as t,c as n,j as i,a as h,t as l,a0 as e,o as k}from"./chunks/framework.CTAZTrj0.js";const u=JSON.parse('{"title":"Usage","description":"","frontmatter":{"title":"Usage"},"headers":[],"relativePath":"usage.md","filePath":"usage.md"}'),p={name:"usage.md"},E={id:"frontmatter-title",tabindex:"-1"};function r(a,s,d,g,o,y){return k(),n("div",null,[i("h1",E,[h(l(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(`

The standard behavior of vue-semantic-structure defines the most common approach for the use of HTML structure components.

In this structure, the main content contains different modules (example: Stage (Hero), Text-Image, Gallery, etc.).

The main structure is in the <main> tag, which contains the main components.

vue
<template>
+import{_ as t,c as n,j as i,a as h,t as l,a0 as e,o as k}from"./chunks/framework.CTAZTrj0.js";const u=JSON.parse('{"title":"Usage","description":"","frontmatter":{"title":"Usage"},"headers":[],"relativePath":"usage.md","filePath":"usage.md"}'),p={name:"usage.md"},E={id:"frontmatter-title",tabindex:"-1"};function r(a,s,d,g,o,y){return k(),n("div",null,[i("h1",E,[h(l(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(`
The standard behavior of vue-semantic-structure defines the most common approach for the use of HTML structure components.
In this structure, the main content contains different modules (example: Stage (Hero), Text-Image, Gallery, etc.).
The main structure is in the <main> tag, which contains the main components.
vue
<template>
   <ContentContainer>
     <header class="hero">…</header>
     <ContentContainer class="text-image">…</ContentContainer>
@@ -7,7 +7,7 @@ import{_ as t,c as n,j as i,a as h,t as l,a0 as e,o as k}from"./chunks/framework
 </template>
 
 <script setup>
-import ContentContainer from 'vue-semantic-structure/ContentContainer.vue';
+import { ContentContainer } from 'vue-semantic-structure';
 </script>
html
<main>
   <header class="hero">…</header>
   <article class="text-image">…</article>
@@ -19,8 +19,8 @@ import{_ as t,c as n,j as i,a as h,t as l,a0 as e,o as k}from"./chunks/framework
 </template>
 
 <script setup>
-import ContentContainer from 'vue-semantic-structure/ContentContainer.vue';
-</script>
In comparison to the basic application, the entire content is enclosed in another CustomContentContainer (e.g. ContentContainer), which represents the <article> tag.
vue
<template>
+import { ContentContainer } from 'vue-semantic-structure';
+</script>
In comparison to the basic application, the entire content is enclosed in another CustomContentContainer (e.g. ContentContainer), which represents the <article> tag.
vue
<template>
   <CustomContentContainer>
     <CustomContentContainer>
       <header class="hero">…</header>
@@ -31,7 +31,7 @@ import{_ as t,c as n,j as i,a as h,t as l,a0 as e,o as k}from"./chunks/framework
 </template>
 
 <script setup>
-import ContentContainer from 'vue-semantic-structure/ContentContainer.vue';
+import { ContentContainer } from 'vue-semantic-structure';
 </script>
html
<main>
   <article>
     <header class="hero">…</header>
diff --git a/assets/usage.md.BOVBSQBB.lean.js b/assets/usage.md.DYJAsbbc.lean.js
similarity index 92%
rename from assets/usage.md.BOVBSQBB.lean.js
rename to assets/usage.md.DYJAsbbc.lean.js
index 0e26a8a..cb9fba9 100644
--- a/assets/usage.md.BOVBSQBB.lean.js
+++ b/assets/usage.md.DYJAsbbc.lean.js
@@ -1,4 +1,4 @@
-import{_ as t,c as n,j as i,a as h,t as l,a0 as e,o as k}from"./chunks/framework.CTAZTrj0.js";const u=JSON.parse('{"title":"Usage","description":"","frontmatter":{"title":"Usage"},"headers":[],"relativePath":"usage.md","filePath":"usage.md"}'),p={name:"usage.md"},E={id:"frontmatter-title",tabindex:"-1"};function r(a,s,d,g,o,y){return k(),n("div",null,[i("h1",E,[h(l(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(`
The standard behavior of vue-semantic-structure defines the most common approach for the use of HTML structure components.
In this structure, the main content contains different modules (example: Stage (Hero), Text-Image, Gallery, etc.).
The main structure is in the <main> tag, which contains the main components.
vue
<template>
+import{_ as t,c as n,j as i,a as h,t as l,a0 as e,o as k}from"./chunks/framework.CTAZTrj0.js";const u=JSON.parse('{"title":"Usage","description":"","frontmatter":{"title":"Usage"},"headers":[],"relativePath":"usage.md","filePath":"usage.md"}'),p={name:"usage.md"},E={id:"frontmatter-title",tabindex:"-1"};function r(a,s,d,g,o,y){return k(),n("div",null,[i("h1",E,[h(l(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(`
The standard behavior of vue-semantic-structure defines the most common approach for the use of HTML structure components.
In this structure, the main content contains different modules (example: Stage (Hero), Text-Image, Gallery, etc.).
The main structure is in the <main> tag, which contains the main components.
vue
<template>
   <ContentContainer>
     <header class="hero">…</header>
     <ContentContainer class="text-image">…</ContentContainer>
@@ -7,7 +7,7 @@ import{_ as t,c as n,j as i,a as h,t as l,a0 as e,o as k}from"./chunks/framework
 </template>
 
 <script setup>
-import ContentContainer from 'vue-semantic-structure/ContentContainer.vue';
+import { ContentContainer } from 'vue-semantic-structure';
 </script>
html
<main>
   <header class="hero">…</header>
   <article class="text-image">…</article>
@@ -19,8 +19,8 @@ import{_ as t,c as n,j as i,a as h,t as l,a0 as e,o as k}from"./chunks/framework
 </template>
 
 <script setup>
-import ContentContainer from 'vue-semantic-structure/ContentContainer.vue';
-</script>
In comparison to the basic application, the entire content is enclosed in another CustomContentContainer (e.g. ContentContainer), which represents the <article> tag.
vue
<template>
+import { ContentContainer } from 'vue-semantic-structure';
+</script>
In comparison to the basic application, the entire content is enclosed in another CustomContentContainer (e.g. ContentContainer), which represents the <article> tag.
vue
<template>
   <CustomContentContainer>
     <CustomContentContainer>
       <header class="hero">…</header>
@@ -31,7 +31,7 @@ import{_ as t,c as n,j as i,a as h,t as l,a0 as e,o as k}from"./chunks/framework
 </template>
 
 <script setup>
-import ContentContainer from 'vue-semantic-structure/ContentContainer.vue';
+import { ContentContainer } from 'vue-semantic-structure';
 </script>
html
<main>
   <article>
     <header class="hero">…</header>
diff --git a/components/content-container.html b/components/content-container.html
index d25dd69..fe2fd0d 100644
--- a/components/content-container.html
+++ b/components/content-container.html
@@ -11,7 +11,7 @@
     
     
     
-    
+    
     
     
     
@@ -23,7 +23,7 @@
     
   
   
-    
Appearance
ContentHeadline ​
Introduction ​
TIP
Optionally, the composable useContentContainer 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)
Properties ​
abstract ​
  • Type: Boolean
  • Default: false
If set, the heading is rendered as an abstract heading. (e.g. <slot />)
tag ​
  • Type: String
  • Default: null
Tag for the element.
rootTags ​
  • Type: Array
  • Default: inject('rootTags', ['main'])
Available tags for the root structure.
If not set, the value is inherited from the parent element.
contentTags ​
  • Type: Array
  • Default: inject('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.
v-slot ​
default ​
PropertyTypeDescription
currentTagStringGet current element tag.
parentLevelNumberGet parent level.
currentLevelNumberGet current level.
Example ​
vue
<template>
+    
Appearance
ContentHeadline ​
Introduction ​
TIP
Optionally, the composable useContentContainer 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)
Properties ​
tag ​
  • Type: String
  • Default: null
Tag for the element.
rootTags ​
  • Type: Array
  • Default: inject('semanticRelease_rootTags', ['main'])
Available tags for the root structure.
If not set, the value is inherited from the parent element.
contentTags ​
  • Type: Array
  • Default: inject('semanticRelease_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('semanticRelease_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 ​
PropertyTypeDescription
currentTagStringGet current element tag.
parentLevelNumberGet parent level.
currentLevelNumberGet current level.
Example ​
vue
<template>
   <ContentContainer>
     <header>
       <ContentHeadline> Primary Headline (h1) </ContentHeadline>
@@ -38,8 +38,7 @@
 </template>
 
 <script setup>
-import ContentContainer from 'vue-semantic-structure/ContentContainer.vue';
-import ContentHeadline from 'vue-semantic-structure/ContentHeadline.vue';
+import { ContentContainer, ContentHeadline } from 'vue-semantic-structure';
 </script>
html
<main>
   <header>
     <h1> Primary Headline (h1) </h1>
@@ -51,7 +50,7 @@
     </section>
   </article>
 </main>

-    
+    
     
   
 
\ No newline at end of file
diff --git a/components/content-headline.html b/components/content-headline.html
index bb9d414..d923b6c 100644
--- a/components/content-headline.html
+++ b/components/content-headline.html
@@ -11,7 +11,7 @@
     
     
     
-    
+    
     
     
     
@@ -23,7 +23,7 @@
     
   
   
-    
Appearance
ContentHeadline ​
Introduction ​
TIP
Optionally, the composable useContentHeadline 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.
Properties ​
abstract ​
  • Type: Boolean
  • Default: false
If set, the heading is rendered as an abstract heading. (e.g. <slot />)
tag ​
  • Type: String
  • Default: null
Tag for the element.
v-slot ​
default ​
PropertyTypeDescription
currentTagStringGet current element tag.
parentLevelNumberGet parent level.
currentLevelNumberGet current level.
Example ​
vue
<template>
+    
Appearance
ContentHeadline ​
Introduction ​
TIP
Optionally, the composable useContentHeadline 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.
Properties ​
tag ​
  • Type: String
  • Default: null
Tag for the element.
debug ​
  • Type: Boolean
  • Default: inject('semanticRelease_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 ​
PropertyTypeDescription
currentTagStringGet current element tag.
parentLevelNumberGet parent level.
currentLevelNumberGet current level.
Example ​
vue
<template>
   <ContentContainer>
     <header>
       <ContentHeadline> Primary Headline (h1) </ContentHeadline>
@@ -38,8 +38,7 @@
 </template>
 
 <script setup>
-import ContentContainer from 'vue-semantic-structure/ContentContainer.vue';
-import ContentHeadline from 'vue-semantic-structure/ContentHeadline.vue';
+import { ContentContainer, ContentHeadline } from 'vue-semantic-structure';
 </script>
html
<main>
   <header>
     <h1> Primary Headline (h1) </h1>
@@ -51,7 +50,7 @@
     </section>
   </article>
 </main>

-    
+    
     
   
 
\ No newline at end of file
diff --git a/composables/use-content-container.html b/composables/use-content-container.html
index e0c0479..088914b 100644
--- a/composables/use-content-container.html
+++ b/composables/use-content-container.html
@@ -11,7 +11,7 @@
     
     
     
-    
+    
     
     
     
@@ -34,8 +34,8 @@
 import { useContentContainer } from 'vue-semantic-structure'
 
 const { currentTag } = useContentContainer()
-</script>
Options ​
PropertyTypeDescriptionDefault Value
tagStringCan be used to overwrite the tag.undefined
contentTagsArrayAvailable tags for the content structure.['section', 'article']
rootTagsArrayAvailable tags for the root structure.['main', undefined]
levelNumberCan be used to overwrite the level.undefined
Return ​
PropertyTypeDescription
currentTagStringGet current html tag.
parentLevelNumberGet parent level.
currentLevelNumberGet current level.

-    
+</script>
Options ​
PropertyTypeDescriptionDefault Value
tagStringCan be used to overwrite the tag.undefined
contentTagsArrayAvailable tags for the content structure.inject('semanticRelease_contentTags', ['article', 'section'])
rootTagsArrayAvailable tags for the root structure.inject('semanticRelease_rootTags', ['main'])
levelNumberCan be used to overwrite the level.undefined
Return ​
PropertyTypeDescription
currentTagStringGet current html tag.
parentLevelNumberGet parent level.
currentLevelNumberGet current level.

+    
     
   
 
\ No newline at end of file
diff --git a/composables/use-content-headline.html b/composables/use-content-headline.html
index 26e52f1..2ae073c 100644
--- a/composables/use-content-headline.html
+++ b/composables/use-content-headline.html
@@ -34,7 +34,7 @@
 
 const { currentTag } = useContentHeadline()
 </script>
Options ​
PropertyTypeDescriptionDefault Value
tagStringTag for the elementundefined
Return ​
PropertyTypeDescription
currentTagStringGet current html tag.
currentLevelNumberGet current level.

-    
+    
     
   
 
\ No newline at end of file
diff --git a/hashmap.json b/hashmap.json
index 7b35f4a..244be2f 100644
--- a/hashmap.json
+++ b/hashmap.json
@@ -1 +1 @@
-{"components_content-container.md":"QZMzhc4h","components_content-headline.md":"G9bou41B","composables_use-content-container.md":"Cuy9APxK","composables_use-content-headline.md":"BqlOKCcC","index.md":"BOrf7ldI","introduction.md":"DQymr-1x","setup.md":"upp34zGf","usage.md":"BOVBSQBB"}
+{"components_content-container.md":"CPMs-PpO","components_content-headline.md":"C4hIRXYS","composables_use-content-container.md":"CHmr0FgN","composables_use-content-headline.md":"BqlOKCcC","index.md":"BOrf7ldI","introduction.md":"DJ1MFOQl","setup.md":"CCrWH6q9","usage.md":"DYJAsbbc"}
diff --git a/index.html b/index.html
index ce7425e..60bda99 100644
--- a/index.html
+++ b/index.html
@@ -24,7 +24,7 @@
   
   
     
Appearance
Vue Semantic Structure
Helper for semantic HTML structure.
Introduction
Live Example
VitePress
Automated
Automatic heading levels (`h1`, `h2`, `h3`, `h4`, `h5`, `h6`)
Standard
Standardize the headline structure on large projects.
HTML Structure
Easy way to build sematic html structure (`main`, `article`, `section`)

-    
+    
     
   
 
\ No newline at end of file
diff --git a/introduction.html b/introduction.html
index c3f5b27..dbfcd77 100644
--- a/introduction.html
+++ b/introduction.html
@@ -11,7 +11,7 @@
     
     
     
-    
+    
     
     
     
@@ -51,8 +51,7 @@
 </template>
 
 <script setup>
-import ContentContainer from 'vue-semantic-structure/ContentContainer.vue';
-import ContentHeadline from 'vue-semantic-structure/ContentHeadline.vue';
+import { ContentContainer, ContentHeadline } from 'vue-semantic-structure';
 </script>
html
<div>
   <header>Header</header>
   <main>
@@ -77,7 +76,7 @@
   </main>
   <footer>Footer</footer>
 </div>
- + \ No newline at end of file diff --git a/playground/assets/index-BkiPQ_HX.js b/playground/assets/index-BkiPQ_HX.js new file mode 100644 index 0000000..2c9b712 --- /dev/null +++ b/playground/assets/index-BkiPQ_HX.js @@ -0,0 +1,17 @@ +(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))s(r);new MutationObserver(r=>{for(const i of r)if(i.type==="childList")for(const l of i.addedNodes)l.tagName==="LINK"&&l.rel==="modulepreload"&&s(l)}).observe(document,{childList:!0,subtree:!0});function n(r){const i={};return r.integrity&&(i.integrity=r.integrity),r.referrerPolicy&&(i.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?i.credentials="include":r.crossOrigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function s(r){if(r.ep)return;r.ep=!0;const i=n(r);fetch(r.href,i)}})();/** +* @vue/shared v3.5.9 +* (c) 2018-present Yuxi (Evan) You and Vue contributors +* @license MIT +**//*! #__NO_SIDE_EFFECTS__ */function Dn(e){const t=Object.create(null);for(const n of e.split(","))t[n]=1;return n=>n in t}const W={},ot=[],Re=()=>{},Gr=()=>!1,kt=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),Hn=e=>e.startsWith("onUpdate:"),k=Object.assign,$n=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},Jr=Object.prototype.hasOwnProperty,H=(e,t)=>Jr.call(e,t),P=Array.isArray,wt=e=>en(e)==="[object Map]",zr=e=>en(e)==="[object Set]",I=e=>typeof e=="function",Z=e=>typeof e=="string",gt=e=>typeof e=="symbol",z=e=>e!==null&&typeof e=="object",Us=e=>(z(e)||I(e))&&I(e.then)&&I(e.catch),Yr=Object.prototype.toString,en=e=>Yr.call(e),Zr=e=>en(e).slice(8,-1),Xr=e=>en(e)==="[object Object]",Nn=e=>Z(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,St=Dn(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),tn=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},Qr=/-(\w)/g,tt=tn(e=>e.replace(Qr,(t,n)=>n?n.toUpperCase():"")),kr=/\B([A-Z])/g,st=tn(e=>e.replace(kr,"-$1").toLowerCase()),Ks=tn(e=>e.charAt(0).toUpperCase()+e.slice(1)),dn=tn(e=>e?`on${Ks(e)}`:""),nt=(e,t)=>!Object.is(e,t),pn=(e,...t)=>{for(let n=0;n{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,writable:s,value:n})},ei=e=>{const t=parseFloat(e);return isNaN(t)?e:t};let ds;const qs=()=>ds||(ds=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function jn(e){if(P(e)){const t={};for(let n=0;n{if(n){const s=n.split(ni);s.length>1&&(t[s[0].trim()]=s[1].trim())}}),t}function Vn(e){let t="";if(Z(e))t=e;else if(P(e))for(let n=0;n0)return;let e;for(;lt;){let t=lt,n;for(;t;)t.flags&=-9,t=t.next;for(t=lt,lt=void 0;t;){if(t.flags&1)try{t.trigger()}catch(s){e||(e=s)}n=t.next,t.next=void 0,t=n}}if(e)throw e}function Zs(e){for(let t=e.deps;t;t=t.nextDep)t.version=-1,t.prevActiveLink=t.dep.activeLink,t.dep.activeLink=t}function Xs(e){let t,n=e.depsTail,s=n;for(;s;){const r=s.prevDep;s.version===-1?(s===n&&(n=r),Kn(s),fi(s)):t=s,s.dep.activeLink=s.prevActiveLink,s.prevActiveLink=void 0,s=r}e.deps=t,e.depsTail=n}function Sn(e){for(let t=e.deps;t;t=t.nextDep)if(t.dep.version!==t.version||t.dep.computed&&(Qs(t.dep.computed)||t.dep.version!==t.version))return!0;return!!e._dirty}function Qs(e){if(e.flags&4&&!(e.flags&16)||(e.flags&=-17,e.globalVersion===At))return;e.globalVersion=At;const t=e.dep;if(e.flags|=2,t.version>0&&!e.isSSR&&e.deps&&!Sn(e)){e.flags&=-3;return}const n=K,s=ve;K=e,ve=!0;try{Zs(e);const r=e.fn(e._value);(t.version===0||nt(r,e._value))&&(e._value=r,t.version++)}catch(r){throw t.version++,r}finally{K=n,ve=s,Xs(e),e.flags&=-3}}function Kn(e,t=!1){const{dep:n,prevSub:s,nextSub:r}=e;if(s&&(s.nextSub=r,e.prevSub=void 0),r&&(r.prevSub=s,e.nextSub=void 0),n.subs===e&&(n.subs=s),!n.subs&&n.computed){n.computed.flags&=-5;for(let i=n.computed.deps;i;i=i.nextDep)Kn(i,!0)}!t&&!--n.sc&&n.map&&n.map.delete(n.key)}function fi(e){const{prevDep:t,nextDep:n}=e;t&&(t.nextDep=n,e.prevDep=void 0),n&&(n.prevDep=t,e.nextDep=void 0)}let ve=!0;const ks=[];function We(){ks.push(ve),ve=!1}function qe(){const e=ks.pop();ve=e===void 0?!0:e}function ps(e){const{cleanup:t}=e;if(e.cleanup=void 0,t){const n=K;K=void 0;try{t()}finally{K=n}}}let At=0;class ci{constructor(t,n){this.sub=t,this.dep=n,this.version=n.version,this.nextDep=this.prevDep=this.nextSub=this.prevSub=this.prevActiveLink=void 0}}class er{constructor(t){this.computed=t,this.version=0,this.activeLink=void 0,this.subs=void 0,this.target=void 0,this.map=void 0,this.key=void 0,this.sc=0}track(t){if(!K||!ve||K===this.computed)return;let n=this.activeLink;if(n===void 0||n.sub!==K)n=this.activeLink=new ci(K,this),K.deps?(n.prevDep=K.depsTail,K.depsTail.nextDep=n,K.depsTail=n):K.deps=K.depsTail=n,tr(n);else if(n.version===-1&&(n.version=this.version,n.nextDep)){const s=n.nextDep;s.prevDep=n.prevDep,n.prevDep&&(n.prevDep.nextDep=s),n.prevDep=K.depsTail,n.nextDep=void 0,K.depsTail.nextDep=n,K.depsTail=n,K.deps===n&&(K.deps=s)}return n}trigger(t){this.version++,At++,this.notify(t)}notify(t){Bn();try{for(let n=this.subs;n;n=n.prevSub)n.sub.notify()&&n.sub.dep.notify()}finally{Un()}}}function tr(e){if(e.dep.sc++,e.sub.flags&4){const t=e.dep.computed;if(t&&!e.dep.subs){t.flags|=20;for(let s=t.deps;s;s=s.nextDep)tr(s)}const n=e.dep.subs;n!==e&&(e.prevSub=n,n&&(n.nextSub=e)),e.dep.subs=e}}const Tn=new WeakMap,ke=Symbol(""),En=Symbol(""),Ot=Symbol("");function ee(e,t,n){if(ve&&K){let s=Tn.get(e);s||Tn.set(e,s=new Map);let r=s.get(n);r||(s.set(n,r=new er),r.target=e,r.map=s,r.key=n),r.track()}}function Me(e,t,n,s,r,i){const l=Tn.get(e);if(!l){At++;return}const u=c=>{c&&c.trigger()};if(Bn(),t==="clear")l.forEach(u);else{const c=P(e),p=c&&Nn(n);if(c&&n==="length"){const a=Number(s);l.forEach((g,y)=>{(y==="length"||y===Ot||!gt(y)&&y>=a)&&u(g)})}else switch(n!==void 0&&u(l.get(n)),p&&u(l.get(Ot)),t){case"add":c?p&&u(l.get("length")):(u(l.get(ke)),wt(e)&&u(l.get(En)));break;case"delete":c||(u(l.get(ke)),wt(e)&&u(l.get(En)));break;case"set":wt(e)&&u(l.get(ke));break}}Un()}function rt(e){const t=j(e);return t===e?t:(ee(t,"iterate",Ot),xe(e)?t:t.map(fe))}function nn(e){return ee(e=j(e),"iterate",Ot),e}const ai={__proto__:null,[Symbol.iterator](){return gn(this,Symbol.iterator,fe)},concat(...e){return rt(this).concat(...e.map(t=>P(t)?rt(t):t))},entries(){return gn(this,"entries",e=>(e[1]=fe(e[1]),e))},every(e,t){return Ie(this,"every",e,t,void 0,arguments)},filter(e,t){return Ie(this,"filter",e,t,n=>n.map(fe),arguments)},find(e,t){return Ie(this,"find",e,t,fe,arguments)},findIndex(e,t){return Ie(this,"findIndex",e,t,void 0,arguments)},findLast(e,t){return Ie(this,"findLast",e,t,fe,arguments)},findLastIndex(e,t){return Ie(this,"findLastIndex",e,t,void 0,arguments)},forEach(e,t){return Ie(this,"forEach",e,t,void 0,arguments)},includes(...e){return mn(this,"includes",e)},indexOf(...e){return mn(this,"indexOf",e)},join(e){return rt(this).join(e)},lastIndexOf(...e){return mn(this,"lastIndexOf",e)},map(e,t){return Ie(this,"map",e,t,void 0,arguments)},pop(){return vt(this,"pop")},push(...e){return vt(this,"push",e)},reduce(e,...t){return hs(this,"reduce",e,t)},reduceRight(e,...t){return hs(this,"reduceRight",e,t)},shift(){return vt(this,"shift")},some(e,t){return Ie(this,"some",e,t,void 0,arguments)},splice(...e){return vt(this,"splice",e)},toReversed(){return rt(this).toReversed()},toSorted(e){return rt(this).toSorted(e)},toSpliced(...e){return rt(this).toSpliced(...e)},unshift(...e){return vt(this,"unshift",e)},values(){return gn(this,"values",fe)}};function gn(e,t,n){const s=nn(e),r=s[t]();return s!==e&&!xe(e)&&(r._next=r.next,r.next=()=>{const i=r._next();return i.value&&(i.value=n(i.value)),i}),r}const di=Array.prototype;function Ie(e,t,n,s,r,i){const l=nn(e),u=l!==e&&!xe(e),c=l[t];if(c!==di[t]){const g=c.apply(e,i);return u?fe(g):g}let p=n;l!==e&&(u?p=function(g,y){return n.call(this,fe(g),y,e)}:n.length>2&&(p=function(g,y){return n.call(this,g,y,e)}));const a=c.call(l,p,s);return u&&r?r(a):a}function hs(e,t,n,s){const r=nn(e);let i=n;return r!==e&&(xe(e)?n.length>3&&(i=function(l,u,c){return n.call(this,l,u,c,e)}):i=function(l,u,c){return n.call(this,l,fe(u),c,e)}),r[t](i,...s)}function mn(e,t,n){const s=j(e);ee(s,"iterate",Ot);const r=s[t](...n);return(r===-1||r===!1)&&zn(n[0])?(n[0]=j(n[0]),s[t](...n)):r}function vt(e,t,n=[]){We(),Bn();const s=j(e)[t].apply(e,n);return Un(),qe(),s}const pi=Dn("__proto__,__v_isRef,__isVue"),nr=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(gt));function hi(e){gt(e)||(e=String(e));const t=j(this);return ee(t,"has",e),t.hasOwnProperty(e)}class sr{constructor(t=!1,n=!1){this._isReadonly=t,this._isShallow=n}get(t,n,s){const r=this._isReadonly,i=this._isShallow;if(n==="__v_isReactive")return!r;if(n==="__v_isReadonly")return r;if(n==="__v_isShallow")return i;if(n==="__v_raw")return s===(r?i?Ai:or:i?lr:ir).get(t)||Object.getPrototypeOf(t)===Object.getPrototypeOf(s)?t:void 0;const l=P(t);if(!r){let c;if(l&&(c=ai[n]))return c;if(n==="hasOwnProperty")return hi}const u=Reflect.get(t,n,oe(t)?t:s);return(gt(n)?nr.has(n):pi(n))||(r||ee(t,"get",n),i)?u:oe(u)?l&&Nn(n)?u:u.value:z(u)?r?ur(u):Gn(u):u}}class rr extends sr{constructor(t=!1){super(!1,t)}set(t,n,s,r){let i=t[n];if(!this._isShallow){const c=dt(i);if(!xe(s)&&!dt(s)&&(i=j(i),s=j(s)),!P(t)&&oe(i)&&!oe(s))return c?!1:(i.value=s,!0)}const l=P(t)&&Nn(n)?Number(n)e,sn=e=>Reflect.getPrototypeOf(e);function Bt(e,t,n=!1,s=!1){e=e.__v_raw;const r=j(e),i=j(t);n||(nt(t,i)&&ee(r,"get",t),ee(r,"get",i));const{has:l}=sn(r),u=s?Wn:n?Yn:fe;if(l.call(r,t))return u(e.get(t));if(l.call(r,i))return u(e.get(i));e!==r&&e.get(t)}function Ut(e,t=!1){const n=this.__v_raw,s=j(n),r=j(e);return t||(nt(e,r)&&ee(s,"has",e),ee(s,"has",r)),e===r?n.has(e):n.has(e)||n.has(r)}function Kt(e,t=!1){return e=e.__v_raw,!t&&ee(j(e),"iterate",ke),Reflect.get(e,"size",e)}function gs(e,t=!1){!t&&!xe(e)&&!dt(e)&&(e=j(e));const n=j(this);return sn(n).has.call(n,e)||(n.add(e),Me(n,"add",e,e)),this}function ms(e,t,n=!1){!n&&!xe(t)&&!dt(t)&&(t=j(t));const s=j(this),{has:r,get:i}=sn(s);let l=r.call(s,e);l||(e=j(e),l=r.call(s,e));const u=i.call(s,e);return s.set(e,t),l?nt(t,u)&&Me(s,"set",e,t):Me(s,"add",e,t),this}function bs(e){const t=j(this),{has:n,get:s}=sn(t);let r=n.call(t,e);r||(e=j(e),r=n.call(t,e)),s&&s.call(t,e);const i=t.delete(e);return r&&Me(t,"delete",e,void 0),i}function _s(){const e=j(this),t=e.size!==0,n=e.clear();return t&&Me(e,"clear",void 0,void 0),n}function Wt(e,t){return function(s,r){const i=this,l=i.__v_raw,u=j(l),c=t?Wn:e?Yn:fe;return!e&&ee(u,"iterate",ke),l.forEach((p,a)=>s.call(r,c(p),c(a),i))}}function qt(e,t,n){return function(...s){const r=this.__v_raw,i=j(r),l=wt(i),u=e==="entries"||e===Symbol.iterator&&l,c=e==="keys"&&l,p=r[e](...s),a=n?Wn:t?Yn:fe;return!t&&ee(i,"iterate",c?En:ke),{next(){const{value:g,done:y}=p.next();return y?{value:g,done:y}:{value:u?[a(g[0]),a(g[1])]:a(g),done:y}},[Symbol.iterator](){return this}}}}function $e(e){return function(...t){return e==="delete"?!1:e==="clear"?void 0:this}}function yi(){const e={get(i){return Bt(this,i)},get size(){return Kt(this)},has:Ut,add:gs,set:ms,delete:bs,clear:_s,forEach:Wt(!1,!1)},t={get(i){return Bt(this,i,!1,!0)},get size(){return Kt(this)},has:Ut,add(i){return gs.call(this,i,!0)},set(i,l){return ms.call(this,i,l,!0)},delete:bs,clear:_s,forEach:Wt(!1,!0)},n={get(i){return Bt(this,i,!0)},get size(){return Kt(this,!0)},has(i){return Ut.call(this,i,!0)},add:$e("add"),set:$e("set"),delete:$e("delete"),clear:$e("clear"),forEach:Wt(!0,!1)},s={get(i){return Bt(this,i,!0,!0)},get size(){return Kt(this,!0)},has(i){return Ut.call(this,i,!0)},add:$e("add"),set:$e("set"),delete:$e("delete"),clear:$e("clear"),forEach:Wt(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(i=>{e[i]=qt(i,!1,!1),n[i]=qt(i,!0,!1),t[i]=qt(i,!1,!0),s[i]=qt(i,!0,!0)}),[e,n,t,s]}const[vi,xi,Ci,wi]=yi();function qn(e,t){const n=t?e?wi:Ci:e?xi:vi;return(s,r,i)=>r==="__v_isReactive"?!e:r==="__v_isReadonly"?e:r==="__v_raw"?s:Reflect.get(H(n,r)&&r in s?n:s,r,i)}const Si={get:qn(!1,!1)},Ti={get:qn(!1,!0)},Ei={get:qn(!0,!1)};const ir=new WeakMap,lr=new WeakMap,or=new WeakMap,Ai=new WeakMap;function Oi(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function Ri(e){return e.__v_skip||!Object.isExtensible(e)?0:Oi(Zr(e))}function Gn(e){return dt(e)?e:Jn(e,!1,mi,Si,ir)}function Pi(e){return Jn(e,!1,_i,Ti,lr)}function ur(e){return Jn(e,!0,bi,Ei,or)}function Jn(e,t,n,s,r){if(!z(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const i=r.get(e);if(i)return i;const l=Ri(e);if(l===0)return e;const u=new Proxy(e,l===2?s:n);return r.set(e,u),u}function ut(e){return dt(e)?ut(e.__v_raw):!!(e&&e.__v_isReactive)}function dt(e){return!!(e&&e.__v_isReadonly)}function xe(e){return!!(e&&e.__v_isShallow)}function zn(e){return e?!!e.__v_raw:!1}function j(e){const t=e&&e.__v_raw;return t?j(t):e}function Ii(e){return!H(e,"__v_skip")&&Object.isExtensible(e)&&Ws(e,"__v_skip",!0),e}const fe=e=>z(e)?Gn(e):e,Yn=e=>z(e)?ur(e):e;function oe(e){return e?e.__v_isRef===!0:!1}function Ce(e){return oe(e)?e.value:e}const Li={get:(e,t,n)=>t==="__v_raw"?e:Ce(Reflect.get(e,t,n)),set:(e,t,n,s)=>{const r=e[t];return oe(r)&&!oe(n)?(r.value=n,!0):Reflect.set(e,t,n,s)}};function fr(e){return ut(e)?e:new Proxy(e,Li)}class Mi{constructor(t,n,s){this.fn=t,this.setter=n,this._value=void 0,this.dep=new er(this),this.__v_isRef=!0,this.deps=void 0,this.depsTail=void 0,this.flags=16,this.globalVersion=At-1,this.effect=this,this.__v_isReadonly=!n,this.isSSR=s}notify(){if(this.flags|=16,!(this.flags&8)&&K!==this)return Ys(this),!0}get value(){const t=this.dep.track();return Qs(this),t&&(t.version=this.dep.version),this._value}set value(t){this.setter&&this.setter(t)}}function Fi(e,t,n=!1){let s,r;return I(e)?s=e:(s=e.get,r=e.set),new Mi(s,r,n)}const Gt={},Yt=new WeakMap;let Qe;function Di(e,t=!1,n=Qe){if(n){let s=Yt.get(n);s||Yt.set(n,s=[]),s.push(e)}}function Hi(e,t,n=W){const{immediate:s,deep:r,once:i,scheduler:l,augmentJob:u,call:c}=n,p=E=>r?E:xe(E)||r===!1||r===0?Be(E,1):Be(E);let a,g,y,R,D=!1,F=!1;if(oe(e)?(g=()=>e.value,D=xe(e)):ut(e)?(g=()=>p(e),D=!0):P(e)?(F=!0,D=e.some(E=>ut(E)||xe(E)),g=()=>e.map(E=>{if(oe(E))return E.value;if(ut(E))return p(E);if(I(E))return c?c(E,2):E()})):I(e)?t?g=c?()=>c(e,2):e:g=()=>{if(y){We();try{y()}finally{qe()}}const E=Qe;Qe=a;try{return c?c(e,3,[R]):e(R)}finally{Qe=E}}:g=Re,t&&r){const E=g,Y=r===!0?1/0:r;g=()=>Be(E(),Y)}const te=ui(),V=()=>{a.stop(),te&&$n(te.effects,a)};if(i&&t){const E=t;t=(...Y)=>{E(...Y),V()}}let G=F?new Array(e.length).fill(Gt):Gt;const J=E=>{if(!(!(a.flags&1)||!a.dirty&&!E))if(t){const Y=a.run();if(r||D||(F?Y.some((De,we)=>nt(De,G[we])):nt(Y,G))){y&&y();const De=Qe;Qe=a;try{const we=[Y,G===Gt?void 0:F&&G[0]===Gt?[]:G,R];c?c(t,3,we):t(...we),G=Y}finally{Qe=De}}}else a.run()};return u&&u(J),a=new Js(g),a.scheduler=l?()=>l(J,!1):J,R=E=>Di(E,!1,a),y=a.onStop=()=>{const E=Yt.get(a);if(E){if(c)c(E,4);else for(const Y of E)Y();Yt.delete(a)}},t?s?J(!0):G=a.run():l?l(J.bind(null,!0),!0):a.run(),V.pause=a.pause.bind(a),V.resume=a.resume.bind(a),V.stop=V,V}function Be(e,t=1/0,n){if(t<=0||!z(e)||e.__v_skip||(n=n||new Set,n.has(e)))return e;if(n.add(e),t--,oe(e))Be(e.value,t,n);else if(P(e))for(let s=0;s{Be(s,t,n)});else if(Xr(e)){for(const s in e)Be(e[s],t,n);for(const s of Object.getOwnPropertySymbols(e))Object.prototype.propertyIsEnumerable.call(e,s)&&Be(e[s],t,n)}return e}/** +* @vue/runtime-core v3.5.9 +* (c) 2018-present Yuxi (Evan) You and Vue contributors +* @license MIT +**/function Ft(e,t,n,s){try{return s?e(...s):e()}catch(r){rn(r,t,n)}}function Pe(e,t,n,s){if(I(e)){const r=Ft(e,t,n,s);return r&&Us(r)&&r.catch(i=>{rn(i,t,n)}),r}if(P(e)){const r=[];for(let i=0;i>>1,r=ie[s],i=Pt(r);i=Pt(n)?ie.push(e):ie.splice(ji(t),0,e),e.flags|=1,ar()}}function ar(){!Rt&&!An&&(An=!0,Zn=cr.then(pr))}function Vi(e){P(e)?ft.push(...e):je&&e.id===-1?je.splice(it+1,0,e):e.flags&1||(ft.push(e),e.flags|=1),ar()}function ys(e,t,n=Rt?Ae+1:0){for(;nPt(n)-Pt(s));if(ft.length=0,je){je.push(...t);return}for(je=t,it=0;ite.id==null?e.flags&2?-1:1/0:e.id;function pr(e){An=!1,Rt=!0;try{for(Ae=0;Ae{s._d&&As(-1);const i=Zt(t);let l;try{l=e(...r)}finally{Zt(i),s._d&&As(1)}return l};return s._n=!0,s._c=!0,s._d=!0,s}function Ye(e,t,n,s){const r=e.dirs,i=t&&t.dirs;for(let l=0;le.__isTeleport;function Qn(e,t){e.shapeFlag&6&&e.component?(e.transition=t,Qn(e.component.subTree,t)):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function gr(e){e.ids=[e.ids[0]+e.ids[2]+++"-",0,0]}function On(e,t,n,s,r=!1){if(P(e)){e.forEach((D,F)=>On(D,t&&(P(t)?t[F]:t),n,s,r));return}if(ct(s)&&!r)return;const i=s.shapeFlag&4?rs(s.component):s.el,l=r?null:i,{i:u,r:c}=e,p=t&&t.r,a=u.refs===W?u.refs={}:u.refs,g=u.setupState,y=j(g),R=g===W?()=>!1:D=>H(y,D);if(p!=null&&p!==c&&(Z(p)?(a[p]=null,R(p)&&(g[p]=null)):oe(p)&&(p.value=null)),I(c))Ft(c,u,12,[l,a]);else{const D=Z(c),F=oe(c);if(D||F){const te=()=>{if(e.f){const V=D?R(c)?g[c]:a[c]:c.value;r?P(V)&&$n(V,i):P(V)?V.includes(i)||V.push(i):D?(a[c]=[i],R(c)&&(g[c]=a[c])):(c.value=[i],e.k&&(a[e.k]=c.value))}else D?(a[c]=l,R(c)&&(g[c]=l)):F&&(c.value=l,e.k&&(a[e.k]=l))};l?(te.id=-1,he(te,n)):te()}}}const ct=e=>!!e.type.__asyncLoader,mr=e=>e.type.__isKeepAlive;function Ki(e,t){br(e,"a",t)}function Wi(e,t){br(e,"da",t)}function br(e,t,n=le){const s=e.__wdc||(e.__wdc=()=>{let r=n;for(;r;){if(r.isDeactivated)return;r=r.parent}return e()});if(ln(t,s,n),n){let r=n.parent;for(;r&&r.parent;)mr(r.parent.vnode)&&qi(s,t,n,r),r=r.parent}}function qi(e,t,n,s){const r=ln(t,e,s,!0);_r(()=>{$n(s[t],r)},n)}function ln(e,t,n=le,s=!1){if(n){const r=n[e]||(n[e]=[]),i=t.__weh||(t.__weh=(...l)=>{We();const u=Dt(n),c=Pe(t,n,e,l);return u(),qe(),c});return s?r.unshift(i):r.push(i),i}}const Fe=e=>(t,n=le)=>{(!fn||e==="sp")&&ln(e,(...s)=>t(...s),n)},Gi=Fe("bm"),Ji=Fe("m"),zi=Fe("bu"),Yi=Fe("u"),Zi=Fe("bum"),_r=Fe("um"),Xi=Fe("sp"),Qi=Fe("rtg"),ki=Fe("rtc");function el(e,t=le){ln("ec",e,t)}const tl=Symbol.for("v-ndc");function nl(e,t,n,s){let r;const i=n,l=P(e);if(l||Z(e)){const u=l&&ut(e);let c=!1;u&&(c=!xe(e),e=nn(e)),r=new Array(e.length);for(let p=0,a=e.length;pt(u,c,void 0,i));else{const u=Object.keys(e);r=new Array(u.length);for(let c=0,p=u.length;cLt(t)?!(t.type===Ke||t.type===me&&!yr(t.children)):!0)?e:null}const Rn=e=>e?jr(e)?rs(e):Rn(e.parent):null,Tt=k(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>Rn(e.parent),$root:e=>Rn(e.root),$host:e=>e.ce,$emit:e=>e.emit,$options:e=>es(e),$forceUpdate:e=>e.f||(e.f=()=>{Xn(e.update)}),$nextTick:e=>e.n||(e.n=Ni.bind(e.proxy)),$watch:e=>wl.bind(e)}),bn=(e,t)=>e!==W&&!e.__isScriptSetup&&H(e,t),sl={get({_:e},t){if(t==="__v_skip")return!0;const{ctx:n,setupState:s,data:r,props:i,accessCache:l,type:u,appContext:c}=e;let p;if(t[0]!=="$"){const R=l[t];if(R!==void 0)switch(R){case 1:return s[t];case 2:return r[t];case 4:return n[t];case 3:return i[t]}else{if(bn(s,t))return l[t]=1,s[t];if(r!==W&&H(r,t))return l[t]=2,r[t];if((p=e.propsOptions[0])&&H(p,t))return l[t]=3,i[t];if(n!==W&&H(n,t))return l[t]=4,n[t];Pn&&(l[t]=0)}}const a=Tt[t];let g,y;if(a)return t==="$attrs"&&ee(e.attrs,"get",""),a(e);if((g=u.__cssModules)&&(g=g[t]))return g;if(n!==W&&H(n,t))return l[t]=4,n[t];if(y=c.config.globalProperties,H(y,t))return y[t]},set({_:e},t,n){const{data:s,setupState:r,ctx:i}=e;return bn(r,t)?(r[t]=n,!0):s!==W&&H(s,t)?(s[t]=n,!0):H(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(i[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:s,appContext:r,propsOptions:i}},l){let u;return!!n[l]||e!==W&&H(e,l)||bn(t,l)||(u=i[0])&&H(u,l)||H(s,l)||H(Tt,l)||H(r.config.globalProperties,l)},defineProperty(e,t,n){return n.get!=null?e._.accessCache[t]=0:H(n,"value")&&this.set(e,t,n.value,null),Reflect.defineProperty(e,t,n)}};function vs(e){return P(e)?e.reduce((t,n)=>(t[n]=null,t),{}):e}let Pn=!0;function rl(e){const t=es(e),n=e.proxy,s=e.ctx;Pn=!1,t.beforeCreate&&xs(t.beforeCreate,e,"bc");const{data:r,computed:i,methods:l,watch:u,provide:c,inject:p,created:a,beforeMount:g,mounted:y,beforeUpdate:R,updated:D,activated:F,deactivated:te,beforeDestroy:V,beforeUnmount:G,destroyed:J,unmounted:E,render:Y,renderTracked:De,renderTriggered:we,errorCaptured:He,serverPrefetch:Ht,expose:Ge,inheritAttrs:mt,components:$t,directives:Nt,filters:cn}=t;if(p&&il(p,s,null),l)for(const q in l){const B=l[q];I(B)&&(s[q]=B.bind(n))}if(r){const q=r.call(n,n);z(q)&&(e.data=Gn(q))}if(Pn=!0,i)for(const q in i){const B=i[q],Je=I(B)?B.bind(n,n):I(B.get)?B.get.bind(n,n):Re,jt=!I(B)&&I(B.set)?B.set.bind(n):Re,ze=Mt({get:Je,set:jt});Object.defineProperty(s,q,{enumerable:!0,configurable:!0,get:()=>ze.value,set:Se=>ze.value=Se})}if(u)for(const q in u)vr(u[q],s,n,q);if(c){const q=I(c)?c.call(n):c;Reflect.ownKeys(q).forEach(B=>{Ue(B,q[B])})}a&&xs(a,e,"c");function ne(q,B){P(B)?B.forEach(Je=>q(Je.bind(n))):B&&q(B.bind(n))}if(ne(Gi,g),ne(Ji,y),ne(zi,R),ne(Yi,D),ne(Ki,F),ne(Wi,te),ne(el,He),ne(ki,De),ne(Qi,we),ne(Zi,G),ne(_r,E),ne(Xi,Ht),P(Ge))if(Ge.length){const q=e.exposed||(e.exposed={});Ge.forEach(B=>{Object.defineProperty(q,B,{get:()=>n[B],set:Je=>n[B]=Je})})}else e.exposed||(e.exposed={});Y&&e.render===Re&&(e.render=Y),mt!=null&&(e.inheritAttrs=mt),$t&&(e.components=$t),Nt&&(e.directives=Nt),Ht&&gr(e)}function il(e,t,n=Re){P(e)&&(e=In(e));for(const s in e){const r=e[s];let i;z(r)?"default"in r?i=Q(r.from||s,r.default,!0):i=Q(r.from||s):i=Q(r),oe(i)?Object.defineProperty(t,s,{enumerable:!0,configurable:!0,get:()=>i.value,set:l=>i.value=l}):t[s]=i}}function xs(e,t,n){Pe(P(e)?e.map(s=>s.bind(t.proxy)):e.bind(t.proxy),t,n)}function vr(e,t,n,s){let r=s.includes(".")?Fr(n,s):()=>n[s];if(Z(e)){const i=t[e];I(i)&&yn(r,i)}else if(I(e))yn(r,e.bind(n));else if(z(e))if(P(e))e.forEach(i=>vr(i,t,n,s));else{const i=I(e.handler)?e.handler.bind(n):t[e.handler];I(i)&&yn(r,i,e)}}function es(e){const t=e.type,{mixins:n,extends:s}=t,{mixins:r,optionsCache:i,config:{optionMergeStrategies:l}}=e.appContext,u=i.get(t);let c;return u?c=u:!r.length&&!n&&!s?c=t:(c={},r.length&&r.forEach(p=>Xt(c,p,l,!0)),Xt(c,t,l)),z(t)&&i.set(t,c),c}function Xt(e,t,n,s=!1){const{mixins:r,extends:i}=t;i&&Xt(e,i,n,!0),r&&r.forEach(l=>Xt(e,l,n,!0));for(const l in t)if(!(s&&l==="expose")){const u=ll[l]||n&&n[l];e[l]=u?u(e[l],t[l]):t[l]}return e}const ll={data:Cs,props:ws,emits:ws,methods:Ct,computed:Ct,beforeCreate:se,created:se,beforeMount:se,mounted:se,beforeUpdate:se,updated:se,beforeDestroy:se,beforeUnmount:se,destroyed:se,unmounted:se,activated:se,deactivated:se,errorCaptured:se,serverPrefetch:se,components:Ct,directives:Ct,watch:ul,provide:Cs,inject:ol};function Cs(e,t){return t?e?function(){return k(I(e)?e.call(this,this):e,I(t)?t.call(this,this):t)}:t:e}function ol(e,t){return Ct(In(e),In(t))}function In(e){if(P(e)){const t={};for(let n=0;n1)return n&&I(t)?t.call(s&&s.proxy):t}}const Cr={},wr=()=>Object.create(Cr),Sr=e=>Object.getPrototypeOf(e)===Cr;function al(e,t,n,s=!1){const r={},i=wr();e.propsDefaults=Object.create(null),Tr(e,t,r,i);for(const l in e.propsOptions[0])l in r||(r[l]=void 0);n?e.props=s?r:Pi(r):e.type.props?e.props=r:e.props=i,e.attrs=i}function dl(e,t,n,s){const{props:r,attrs:i,vnode:{patchFlag:l}}=e,u=j(r),[c]=e.propsOptions;let p=!1;if((s||l>0)&&!(l&16)){if(l&8){const a=e.vnode.dynamicProps;for(let g=0;g{c=!0;const[y,R]=Er(g,t,!0);k(l,y),R&&u.push(...R)};!n&&t.mixins.length&&t.mixins.forEach(a),e.extends&&a(e.extends),e.mixins&&e.mixins.forEach(a)}if(!i&&!c)return z(e)&&s.set(e,ot),ot;if(P(i))for(let a=0;ae[0]==="_"||e==="$stable",ts=e=>P(e)?e.map(Oe):[Oe(e)],hl=(e,t,n)=>{if(t._n)return t;const s=M((...r)=>ts(t(...r)),n);return s._c=!1,s},Or=(e,t,n)=>{const s=e._ctx;for(const r in e){if(Ar(r))continue;const i=e[r];if(I(i))t[r]=hl(r,i,s);else if(i!=null){const l=ts(i);t[r]=()=>l}}},Rr=(e,t)=>{const n=ts(t);e.slots.default=()=>n},Pr=(e,t,n)=>{for(const s in t)(n||s!=="_")&&(e[s]=t[s])},gl=(e,t,n)=>{const s=e.slots=wr();if(e.vnode.shapeFlag&32){const r=t._;r?(Pr(s,t,n),n&&Ws(s,"_",r,!0)):Or(t,s)}else t&&Rr(e,t)},ml=(e,t,n)=>{const{vnode:s,slots:r}=e;let i=!0,l=W;if(s.shapeFlag&32){const u=t._;u?n&&u===1?i=!1:Pr(r,t,n):(i=!t.$stable,Or(t,r)),l=t}else t&&(Rr(e,t),l={default:1});if(i)for(const u in r)!Ar(u)&&l[u]==null&&delete r[u]},he=Pl;function bl(e){return _l(e)}function _l(e,t){const n=qs();n.__VUE__=!0;const{insert:s,remove:r,patchProp:i,createElement:l,createText:u,createComment:c,setText:p,setElementText:a,parentNode:g,nextSibling:y,setScopeId:R=Re,insertStaticContent:D}=e,F=(o,f,d,b=null,h=null,m=null,C=void 0,x=null,v=!!f.dynamicChildren)=>{if(o===f)return;o&&!xt(o,f)&&(b=Vt(o),Se(o,h,m,!0),o=null),f.patchFlag===-2&&(v=!1,f.dynamicChildren=null);const{type:_,ref:T,shapeFlag:w}=f;switch(_){case un:te(o,f,d,b);break;case Ke:V(o,f,d,b);break;case xn:o==null&&G(f,d,b,C);break;case me:$t(o,f,d,b,h,m,C,x,v);break;default:w&1?Y(o,f,d,b,h,m,C,x,v):w&6?Nt(o,f,d,b,h,m,C,x,v):(w&64||w&128)&&_.process(o,f,d,b,h,m,C,x,v,_t)}T!=null&&h&&On(T,o&&o.ref,m,f||o,!f)},te=(o,f,d,b)=>{if(o==null)s(f.el=u(f.children),d,b);else{const h=f.el=o.el;f.children!==o.children&&p(h,f.children)}},V=(o,f,d,b)=>{o==null?s(f.el=c(f.children||""),d,b):f.el=o.el},G=(o,f,d,b)=>{[o.el,o.anchor]=D(o.children,f,d,b,o.el,o.anchor)},J=({el:o,anchor:f},d,b)=>{let h;for(;o&&o!==f;)h=y(o),s(o,d,b),o=h;s(f,d,b)},E=({el:o,anchor:f})=>{let d;for(;o&&o!==f;)d=y(o),r(o),o=d;r(f)},Y=(o,f,d,b,h,m,C,x,v)=>{f.type==="svg"?C="svg":f.type==="math"&&(C="mathml"),o==null?De(f,d,b,h,m,C,x,v):Ht(o,f,h,m,C,x,v)},De=(o,f,d,b,h,m,C,x)=>{let v,_;const{props:T,shapeFlag:w,transition:S,dirs:A}=o;if(v=o.el=l(o.type,m,T&&T.is,T),w&8?a(v,o.children):w&16&&He(o.children,v,null,b,h,_n(o,m),C,x),A&&Ye(o,null,b,"created"),we(v,o,o.scopeId,C,b),T){for(const U in T)U!=="value"&&!St(U)&&i(v,U,null,T[U],m,b);"value"in T&&i(v,"value",null,T.value,m),(_=T.onVnodeBeforeMount)&&Ee(_,b,o)}A&&Ye(o,null,b,"beforeMount");const L=yl(h,S);L&&S.beforeEnter(v),s(v,f,d),((_=T&&T.onVnodeMounted)||L||A)&&he(()=>{_&&Ee(_,b,o),L&&S.enter(v),A&&Ye(o,null,b,"mounted")},h)},we=(o,f,d,b,h)=>{if(d&&R(o,d),b)for(let m=0;m{for(let _=v;_{const x=f.el=o.el;let{patchFlag:v,dynamicChildren:_,dirs:T}=f;v|=o.patchFlag&16;const w=o.props||W,S=f.props||W;let A;if(d&&Ze(d,!1),(A=S.onVnodeBeforeUpdate)&&Ee(A,d,f,o),T&&Ye(f,o,d,"beforeUpdate"),d&&Ze(d,!0),(w.innerHTML&&S.innerHTML==null||w.textContent&&S.textContent==null)&&a(x,""),_?Ge(o.dynamicChildren,_,x,d,b,_n(f,h),m):C||B(o,f,x,null,d,b,_n(f,h),m,!1),v>0){if(v&16)mt(x,w,S,d,h);else if(v&2&&w.class!==S.class&&i(x,"class",null,S.class,h),v&4&&i(x,"style",w.style,S.style,h),v&8){const L=f.dynamicProps;for(let U=0;U{A&&Ee(A,d,f,o),T&&Ye(f,o,d,"updated")},b)},Ge=(o,f,d,b,h,m,C)=>{for(let x=0;x{if(f!==d){if(f!==W)for(const m in f)!St(m)&&!(m in d)&&i(o,m,f[m],null,h,b);for(const m in d){if(St(m))continue;const C=d[m],x=f[m];C!==x&&m!=="value"&&i(o,m,x,C,h,b)}"value"in d&&i(o,"value",f.value,d.value,h)}},$t=(o,f,d,b,h,m,C,x,v)=>{const _=f.el=o?o.el:u(""),T=f.anchor=o?o.anchor:u("");let{patchFlag:w,dynamicChildren:S,slotScopeIds:A}=f;A&&(x=x?x.concat(A):A),o==null?(s(_,d,b),s(T,d,b),He(f.children||[],d,T,h,m,C,x,v)):w>0&&w&64&&S&&o.dynamicChildren?(Ge(o.dynamicChildren,S,d,h,m,C,x),(f.key!=null||h&&f===h.subTree)&&Ir(o,f,!0)):B(o,f,d,T,h,m,C,x,v)},Nt=(o,f,d,b,h,m,C,x,v)=>{f.slotScopeIds=x,o==null?f.shapeFlag&512?h.ctx.activate(f,d,b,C,v):cn(f,d,b,h,m,C,v):is(o,f,v)},cn=(o,f,d,b,h,m,C)=>{const x=o.component=$l(o,b,h);if(mr(o)&&(x.ctx.renderer=_t),Nl(x,!1,C),x.asyncDep){if(h&&h.registerDep(x,ne,C),!o.el){const v=x.subTree=O(Ke);V(null,v,f,d)}}else ne(x,o,f,d,h,m,C)},is=(o,f,d)=>{const b=f.component=o.component;if(Ol(o,f,d))if(b.asyncDep&&!b.asyncResolved){q(b,f,d);return}else b.next=f,b.update();else f.el=o.el,b.vnode=f},ne=(o,f,d,b,h,m,C)=>{const x=()=>{if(o.isMounted){let{next:w,bu:S,u:A,parent:L,vnode:U}=o;{const de=Lr(o);if(de){w&&(w.el=U.el,q(o,w,C)),de.asyncDep.then(()=>{o.isUnmounted||x()});return}}let $=w,ae;Ze(o,!1),w?(w.el=U.el,q(o,w,C)):w=U,S&&pn(S),(ae=w.props&&w.props.onVnodeBeforeUpdate)&&Ee(ae,L,w,U),Ze(o,!0);const X=vn(o),ye=o.subTree;o.subTree=X,F(ye,X,g(ye.el),Vt(ye),o,h,m),w.el=X.el,$===null&&Rl(o,X.el),A&&he(A,h),(ae=w.props&&w.props.onVnodeUpdated)&&he(()=>Ee(ae,L,w,U),h)}else{let w;const{el:S,props:A}=f,{bm:L,m:U,parent:$,root:ae,type:X}=o,ye=ct(f);if(Ze(o,!1),L&&pn(L),!ye&&(w=A&&A.onVnodeBeforeMount)&&Ee(w,$,f),Ze(o,!0),S&&fs){const de=()=>{o.subTree=vn(o),fs(S,o.subTree,o,h,null)};ye&&X.__asyncHydrate?X.__asyncHydrate(S,o,de):de()}else{ae.ce&&ae.ce._injectChildStyle(X);const de=o.subTree=vn(o);F(null,de,d,b,o,h,m),f.el=de.el}if(U&&he(U,h),!ye&&(w=A&&A.onVnodeMounted)){const de=f;he(()=>Ee(w,$,de),h)}(f.shapeFlag&256||$&&ct($.vnode)&&$.vnode.shapeFlag&256)&&o.a&&he(o.a,h),o.isMounted=!0,f=d=b=null}};o.scope.on();const v=o.effect=new Js(x);o.scope.off();const _=o.update=v.run.bind(v),T=o.job=v.runIfDirty.bind(v);T.i=o,T.id=o.uid,v.scheduler=()=>Xn(T),Ze(o,!0),_()},q=(o,f,d)=>{f.component=o;const b=o.vnode.props;o.vnode=f,o.next=null,dl(o,f.props,b,d),ml(o,f.children,d),We(),ys(o),qe()},B=(o,f,d,b,h,m,C,x,v=!1)=>{const _=o&&o.children,T=o?o.shapeFlag:0,w=f.children,{patchFlag:S,shapeFlag:A}=f;if(S>0){if(S&128){jt(_,w,d,b,h,m,C,x,v);return}else if(S&256){Je(_,w,d,b,h,m,C,x,v);return}}A&8?(T&16&&bt(_,h,m),w!==_&&a(d,w)):T&16?A&16?jt(_,w,d,b,h,m,C,x,v):bt(_,h,m,!0):(T&8&&a(d,""),A&16&&He(w,d,b,h,m,C,x,v))},Je=(o,f,d,b,h,m,C,x,v)=>{o=o||ot,f=f||ot;const _=o.length,T=f.length,w=Math.min(_,T);let S;for(S=0;ST?bt(o,h,m,!0,!1,w):He(f,d,b,h,m,C,x,v,w)},jt=(o,f,d,b,h,m,C,x,v)=>{let _=0;const T=f.length;let w=o.length-1,S=T-1;for(;_<=w&&_<=S;){const A=o[_],L=f[_]=v?Ve(f[_]):Oe(f[_]);if(xt(A,L))F(A,L,d,null,h,m,C,x,v);else break;_++}for(;_<=w&&_<=S;){const A=o[w],L=f[S]=v?Ve(f[S]):Oe(f[S]);if(xt(A,L))F(A,L,d,null,h,m,C,x,v);else break;w--,S--}if(_>w){if(_<=S){const A=S+1,L=AS)for(;_<=w;)Se(o[_],h,m,!0),_++;else{const A=_,L=_,U=new Map;for(_=L;_<=S;_++){const pe=f[_]=v?Ve(f[_]):Oe(f[_]);pe.key!=null&&U.set(pe.key,_)}let $,ae=0;const X=S-L+1;let ye=!1,de=0;const yt=new Array(X);for(_=0;_=X){Se(pe,h,m,!0);continue}let Te;if(pe.key!=null)Te=U.get(pe.key);else for($=L;$<=S;$++)if(yt[$-L]===0&&xt(pe,f[$])){Te=$;break}Te===void 0?Se(pe,h,m,!0):(yt[Te-L]=_+1,Te>=de?de=Te:ye=!0,F(pe,f[Te],d,null,h,m,C,x,v),ae++)}const cs=ye?vl(yt):ot;for($=cs.length-1,_=X-1;_>=0;_--){const pe=L+_,Te=f[pe],as=pe+1{const{el:m,type:C,transition:x,children:v,shapeFlag:_}=o;if(_&6){ze(o.component.subTree,f,d,b);return}if(_&128){o.suspense.move(f,d,b);return}if(_&64){C.move(o,f,d,_t);return}if(C===me){s(m,f,d);for(let w=0;wx.enter(m),h);else{const{leave:w,delayLeave:S,afterLeave:A}=x,L=()=>s(m,f,d),U=()=>{w(m,()=>{L(),A&&A()})};S?S(m,L,U):U()}else s(m,f,d)},Se=(o,f,d,b=!1,h=!1)=>{const{type:m,props:C,ref:x,children:v,dynamicChildren:_,shapeFlag:T,patchFlag:w,dirs:S,cacheIndex:A}=o;if(w===-2&&(h=!1),x!=null&&On(x,null,d,o,!0),A!=null&&(f.renderCache[A]=void 0),T&256){f.ctx.deactivate(o);return}const L=T&1&&S,U=!ct(o);let $;if(U&&($=C&&C.onVnodeBeforeUnmount)&&Ee($,f,o),T&6)qr(o.component,d,b);else{if(T&128){o.suspense.unmount(d,b);return}L&&Ye(o,null,f,"beforeUnmount"),T&64?o.type.remove(o,f,d,_t,b):_&&!_.hasOnce&&(m!==me||w>0&&w&64)?bt(_,f,d,!1,!0):(m===me&&w&384||!h&&T&16)&&bt(v,f,d),b&&ls(o)}(U&&($=C&&C.onVnodeUnmounted)||L)&&he(()=>{$&&Ee($,f,o),L&&Ye(o,null,f,"unmounted")},d)},ls=o=>{const{type:f,el:d,anchor:b,transition:h}=o;if(f===me){Wr(d,b);return}if(f===xn){E(o);return}const m=()=>{r(d),h&&!h.persisted&&h.afterLeave&&h.afterLeave()};if(o.shapeFlag&1&&h&&!h.persisted){const{leave:C,delayLeave:x}=h,v=()=>C(d,m);x?x(o.el,m,v):v()}else m()},Wr=(o,f)=>{let d;for(;o!==f;)d=y(o),r(o),o=d;r(f)},qr=(o,f,d)=>{const{bum:b,scope:h,job:m,subTree:C,um:x,m:v,a:_}=o;Ts(v),Ts(_),b&&pn(b),h.stop(),m&&(m.flags|=8,Se(C,o,f,d)),x&&he(x,f),he(()=>{o.isUnmounted=!0},f),f&&f.pendingBranch&&!f.isUnmounted&&o.asyncDep&&!o.asyncResolved&&o.suspenseId===f.pendingId&&(f.deps--,f.deps===0&&f.resolve())},bt=(o,f,d,b=!1,h=!1,m=0)=>{for(let C=m;C{if(o.shapeFlag&6)return Vt(o.component.subTree);if(o.shapeFlag&128)return o.suspense.next();const f=y(o.anchor||o.el),d=f&&f[Bi];return d?y(d):f};let an=!1;const os=(o,f,d)=>{o==null?f._vnode&&Se(f._vnode,null,null,!0):F(f._vnode||null,o,f,null,null,null,d),f._vnode=o,an||(an=!0,ys(),dr(),an=!1)},_t={p:F,um:Se,m:ze,r:ls,mt:cn,mc:He,pc:B,pbc:Ge,n:Vt,o:e};let us,fs;return{render:os,hydrate:us,createApp:cl(os,us)}}function _n({type:e,props:t},n){return n==="svg"&&e==="foreignObject"||n==="mathml"&&e==="annotation-xml"&&t&&t.encoding&&t.encoding.includes("html")?void 0:n}function Ze({effect:e,job:t},n){n?(e.flags|=32,t.flags|=4):(e.flags&=-33,t.flags&=-5)}function yl(e,t){return(!e||e&&!e.pendingBranch)&&t&&!t.persisted}function Ir(e,t,n=!1){const s=e.children,r=t.children;if(P(s)&&P(r))for(let i=0;i>1,e[n[u]]0&&(t[s]=n[i-1]),n[i]=s)}}for(i=n.length,l=n[i-1];i-- >0;)n[i]=l,l=t[l];return n}function Lr(e){const t=e.subTree.component;if(t)return t.asyncDep&&!t.asyncResolved?t:Lr(t)}function Ts(e){if(e)for(let t=0;tQ(xl);function yn(e,t,n){return Mr(e,t,n)}function Mr(e,t,n=W){const{immediate:s,deep:r,flush:i,once:l}=n,u=k({},n);let c;if(fn)if(i==="sync"){const y=Cl();c=y.__watcherHandles||(y.__watcherHandles=[])}else if(!t||s)u.once=!0;else{const y=()=>{};return y.stop=Re,y.resume=Re,y.pause=Re,y}const p=le;u.call=(y,R,D)=>Pe(y,p,R,D);let a=!1;i==="post"?u.scheduler=y=>{he(y,p&&p.suspense)}:i!=="sync"&&(a=!0,u.scheduler=(y,R)=>{R?y():Xn(y)}),u.augmentJob=y=>{t&&(y.flags|=4),a&&(y.flags|=2,p&&(y.id=p.uid,y.i=p))};const g=Hi(e,t,u);return c&&c.push(g),g}function wl(e,t,n){const s=this.proxy,r=Z(e)?e.includes(".")?Fr(s,e):()=>s[e]:e.bind(s,s);let i;I(t)?i=t:(i=t.handler,n=t);const l=Dt(this),u=Mr(r,i.bind(s),n);return l(),u}function Fr(e,t){const n=t.split(".");return()=>{let s=e;for(let r=0;rt==="modelValue"||t==="model-value"?e.modelModifiers:e[`${t}Modifiers`]||e[`${tt(t)}Modifiers`]||e[`${st(t)}Modifiers`];function Tl(e,t,...n){if(e.isUnmounted)return;const s=e.vnode.props||W;let r=n;const i=t.startsWith("update:"),l=i&&Sl(s,t.slice(7));l&&(l.trim&&(r=n.map(a=>Z(a)?a.trim():a)),l.number&&(r=n.map(ei)));let u,c=s[u=dn(t)]||s[u=dn(tt(t))];!c&&i&&(c=s[u=dn(st(t))]),c&&Pe(c,e,6,r);const p=s[u+"Once"];if(p){if(!e.emitted)e.emitted={};else if(e.emitted[u])return;e.emitted[u]=!0,Pe(p,e,6,r)}}function Dr(e,t,n=!1){const s=t.emitsCache,r=s.get(e);if(r!==void 0)return r;const i=e.emits;let l={},u=!1;if(!I(e)){const c=p=>{const a=Dr(p,t,!0);a&&(u=!0,k(l,a))};!n&&t.mixins.length&&t.mixins.forEach(c),e.extends&&c(e.extends),e.mixins&&e.mixins.forEach(c)}return!i&&!u?(z(e)&&s.set(e,null),null):(P(i)?i.forEach(c=>l[c]=null):k(l,i),z(e)&&s.set(e,l),l)}function on(e,t){return!e||!kt(t)?!1:(t=t.slice(2).replace(/Once$/,""),H(e,t[0].toLowerCase()+t.slice(1))||H(e,st(t))||H(e,t))}function vn(e){const{type:t,vnode:n,proxy:s,withProxy:r,propsOptions:[i],slots:l,attrs:u,emit:c,render:p,renderCache:a,props:g,data:y,setupState:R,ctx:D,inheritAttrs:F}=e,te=Zt(e);let V,G;try{if(n.shapeFlag&4){const E=r||s,Y=E;V=Oe(p.call(Y,E,a,g,R,y,D)),G=u}else{const E=t;V=Oe(E.length>1?E(g,{attrs:u,slots:l,emit:c}):E(g,null)),G=t.props?u:El(u)}}catch(E){Et.length=0,rn(E,e,1),V=O(Ke)}let J=V;if(G&&F!==!1){const E=Object.keys(G),{shapeFlag:Y}=J;E.length&&Y&7&&(i&&E.some(Hn)&&(G=Al(G,i)),J=ht(J,G,!1,!0))}return n.dirs&&(J=ht(J,null,!1,!0),J.dirs=J.dirs?J.dirs.concat(n.dirs):n.dirs),n.transition&&Qn(J,n.transition),V=J,Zt(te),V}const El=e=>{let t;for(const n in e)(n==="class"||n==="style"||kt(n))&&((t||(t={}))[n]=e[n]);return t},Al=(e,t)=>{const n={};for(const s in e)(!Hn(s)||!(s.slice(9)in t))&&(n[s]=e[s]);return n};function Ol(e,t,n){const{props:s,children:r,component:i}=e,{props:l,children:u,patchFlag:c}=t,p=i.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&c>=0){if(c&1024)return!0;if(c&16)return s?Es(s,l,p):!!l;if(c&8){const a=t.dynamicProps;for(let g=0;ge.__isSuspense;function Pl(e,t){t&&t.pendingBranch?P(e)?t.effects.push(...e):t.effects.push(e):Vi(e)}const me=Symbol.for("v-fgt"),un=Symbol.for("v-txt"),Ke=Symbol.for("v-cmt"),xn=Symbol.for("v-stc"),Et=[];let be=null;function _e(e=!1){Et.push(be=e?null:[])}function Il(){Et.pop(),be=Et[Et.length-1]||null}let It=1;function As(e){It+=e,e<0&&be&&(be.hasOnce=!0)}function $r(e){return e.dynamicChildren=It>0?be||ot:null,Il(),It>0&&be&&be.push(e),e}function et(e,t,n,s,r,i){return $r(N(e,t,n,s,r,i,!0))}function pt(e,t,n,s,r){return $r(O(e,t,n,s,r,!0))}function Lt(e){return e?e.__v_isVNode===!0:!1}function xt(e,t){return e.type===t.type&&e.key===t.key}const Nr=({key:e})=>e??null,Jt=({ref:e,ref_key:t,ref_for:n})=>(typeof e=="number"&&(e=""+e),e!=null?Z(e)||oe(e)||I(e)?{i:ce,r:e,k:t,f:!!n}:e:null);function N(e,t=null,n=null,s=0,r=null,i=e===me?0:1,l=!1,u=!1){const c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Nr(t),ref:t&&Jt(t),scopeId:hr,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetStart:null,targetAnchor:null,staticCount:0,shapeFlag:i,patchFlag:s,dynamicProps:r,dynamicChildren:null,appContext:null,ctx:ce};return u?(ss(c,n),i&128&&e.normalize(c)):n&&(c.shapeFlag|=Z(n)?8:16),It>0&&!l&&be&&(c.patchFlag>0||i&6)&&c.patchFlag!==32&&be.push(c),c}const O=Ll;function Ll(e,t=null,n=null,s=0,r=null,i=!1){if((!e||e===tl)&&(e=Ke),Lt(e)){const u=ht(e,t,!0);return n&&ss(u,n),It>0&&!i&&be&&(u.shapeFlag&6?be[be.indexOf(e)]=u:be.push(u)),u.patchFlag=-2,u}if(Ul(e)&&(e=e.__vccOpts),t){t=Ml(t);let{class:u,style:c}=t;u&&!Z(u)&&(t.class=Vn(u)),z(c)&&(zn(c)&&!P(c)&&(c=k({},c)),t.style=jn(c))}const l=Z(e)?1:Hr(e)?128:Ui(e)?64:z(e)?4:I(e)?2:0;return N(e,t,n,s,r,l,i,!0)}function Ml(e){return e?zn(e)||Sr(e)?k({},e):e:null}function ht(e,t,n=!1,s=!1){const{props:r,ref:i,patchFlag:l,children:u,transition:c}=e,p=t?Fl(r||{},t):r,a={__v_isVNode:!0,__v_skip:!0,type:e.type,props:p,key:p&&Nr(p),ref:t&&t.ref?n&&i?P(i)?i.concat(Jt(t)):[i,Jt(t)]:Jt(t):i,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:u,target:e.target,targetStart:e.targetStart,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==me?l===-1?16:l|16:l,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:c,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&ht(e.ssContent),ssFallback:e.ssFallback&&ht(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce};return c&&s&&Qn(a,c.clone(a)),a}function re(e=" ",t=0){return O(un,null,e,t)}function ns(e="",t=!1){return t?(_e(),pt(Ke,null,e)):O(Ke,null,e)}function Oe(e){return e==null||typeof e=="boolean"?O(Ke):P(e)?O(me,null,e.slice()):Lt(e)?Ve(e):O(un,null,String(e))}function Ve(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:ht(e)}function ss(e,t){let n=0;const{shapeFlag:s}=e;if(t==null)t=null;else if(P(t))n=16;else if(typeof t=="object")if(s&65){const r=t.default;r&&(r._c&&(r._d=!1),ss(e,r()),r._c&&(r._d=!0));return}else{n=32;const r=t._;!r&&!Sr(t)?t._ctx=ce:r===3&&ce&&(ce.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else I(t)?(t={default:t,_ctx:ce},n=32):(t=String(t),s&64?(n=16,t=[re(t)]):n=8);e.children=t,e.shapeFlag|=n}function Fl(...e){const t={};for(let n=0;n{let r;return(r=e[n])||(r=e[n]=[]),r.push(s),i=>{r.length>1?r.forEach(l=>l(i)):r[0](i)}};Qt=t("__VUE_INSTANCE_SETTERS__",n=>le=n),Mn=t("__VUE_SSR_SETTERS__",n=>fn=n)}const Dt=e=>{const t=le;return Qt(e),e.scope.on(),()=>{e.scope.off(),Qt(t)}},Os=()=>{le&&le.scope.off(),Qt(null)};function jr(e){return e.vnode.shapeFlag&4}let fn=!1;function Nl(e,t=!1,n=!1){t&&Mn(t);const{props:s,children:r}=e.vnode,i=jr(e);al(e,s,i,t),gl(e,r,n);const l=i?jl(e,t):void 0;return t&&Mn(!1),l}function jl(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=new Proxy(e.ctx,sl);const{setup:s}=n;if(s){const r=e.setupContext=s.length>1?Bl(e):null,i=Dt(e);We();const l=Ft(s,e,0,[e.props,r]);if(qe(),i(),Us(l)){if(ct(e)||gr(e),l.then(Os,Os),t)return l.then(u=>{Rs(e,u,t)}).catch(u=>{rn(u,e,0)});e.asyncDep=l}else Rs(e,l,t)}else Vr(e,t)}function Rs(e,t,n){I(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:z(t)&&(e.setupState=fr(t)),Vr(e,n)}let Ps;function Vr(e,t,n){const s=e.type;if(!e.render){if(!t&&Ps&&!s.render){const r=s.template||es(e).template;if(r){const{isCustomElement:i,compilerOptions:l}=e.appContext.config,{delimiters:u,compilerOptions:c}=s,p=k(k({isCustomElement:i,delimiters:u},l),c);s.render=Ps(r,p)}}e.render=s.render||Re}{const r=Dt(e);We();try{rl(e)}finally{qe(),r()}}}const Vl={get(e,t){return ee(e,"get",""),e[t]}};function Bl(e){const t=n=>{e.exposed=n||{}};return{attrs:new Proxy(e.attrs,Vl),slots:e.slots,emit:e.emit,expose:t}}function rs(e){return e.exposed?e.exposeProxy||(e.exposeProxy=new Proxy(fr(Ii(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in Tt)return Tt[n](e)},has(t,n){return n in t||n in Tt}})):e.proxy}function Ul(e){return I(e)&&"__vccOpts"in e}const Mt=(e,t)=>Fi(e,t,fn);function Br(e,t,n){const s=arguments.length;return s===2?z(t)&&!P(t)?Lt(t)?O(e,null,[t]):O(e,t):O(e,null,t):(s>3?n=Array.prototype.slice.call(arguments,2):s===3&&Lt(n)&&(n=[n]),O(e,t,n))}const Kl="3.5.9";/** +* @vue/runtime-dom v3.5.9 +* (c) 2018-present Yuxi (Evan) You and Vue contributors +* @license MIT +**/let Fn;const Is=typeof window<"u"&&window.trustedTypes;if(Is)try{Fn=Is.createPolicy("vue",{createHTML:e=>e})}catch{}const Ur=Fn?e=>Fn.createHTML(e):e=>e,Wl="http://www.w3.org/2000/svg",ql="http://www.w3.org/1998/Math/MathML",Le=typeof document<"u"?document:null,Ls=Le&&Le.createElement("template"),Gl={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,s)=>{const r=t==="svg"?Le.createElementNS(Wl,e):t==="mathml"?Le.createElementNS(ql,e):n?Le.createElement(e,{is:n}):Le.createElement(e);return e==="select"&&s&&s.multiple!=null&&r.setAttribute("multiple",s.multiple),r},createText:e=>Le.createTextNode(e),createComment:e=>Le.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Le.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,n,s,r,i){const l=n?n.previousSibling:t.lastChild;if(r&&(r===i||r.nextSibling))for(;t.insertBefore(r.cloneNode(!0),n),!(r===i||!(r=r.nextSibling)););else{Ls.innerHTML=Ur(s==="svg"?`${e}`:s==="mathml"?`${e}`:e);const u=Ls.content;if(s==="svg"||s==="mathml"){const c=u.firstChild;for(;c.firstChild;)u.appendChild(c.firstChild);u.removeChild(c)}t.insertBefore(u,n)}return[l?l.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},Jl=Symbol("_vtc");function zl(e,t,n){const s=e[Jl];s&&(t=(t?[t,...s]:[...s]).join(" ")),t==null?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}const Ms=Symbol("_vod"),Yl=Symbol("_vsh"),Zl=Symbol(""),Xl=/(^|;)\s*display\s*:/;function Ql(e,t,n){const s=e.style,r=Z(n);let i=!1;if(n&&!r){if(t)if(Z(t))for(const l of t.split(";")){const u=l.slice(0,l.indexOf(":")).trim();n[u]==null&&zt(s,u,"")}else for(const l in t)n[l]==null&&zt(s,l,"");for(const l in n)l==="display"&&(i=!0),zt(s,l,n[l])}else if(r){if(t!==n){const l=s[Zl];l&&(n+=";"+l),s.cssText=n,i=Xl.test(n)}}else t&&e.removeAttribute("style");Ms in e&&(e[Ms]=i?s.display:"",e[Yl]&&(s.display="none"))}const Fs=/\s*!important$/;function zt(e,t,n){if(P(n))n.forEach(s=>zt(e,t,s));else if(n==null&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const s=kl(e,t);Fs.test(n)?e.setProperty(st(s),n.replace(Fs,""),"important"):e[s]=n}}const Ds=["Webkit","Moz","ms"],Cn={};function kl(e,t){const n=Cn[t];if(n)return n;let s=tt(t);if(s!=="filter"&&s in e)return Cn[t]=s;s=Ks(s);for(let r=0;rwn||(io.then(()=>wn=0),wn=Date.now());function oo(e,t){const n=s=>{if(!s._vts)s._vts=Date.now();else if(s._vts<=n.attached)return;Pe(uo(s,n.value),t,5,[s])};return n.value=e,n.attached=lo(),n}function uo(e,t){if(P(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(s=>r=>!r._stopped&&s&&s(r))}else return t}const Vs=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,fo=(e,t,n,s,r,i)=>{const l=r==="svg";t==="class"?zl(e,s,l):t==="style"?Ql(e,n,s):kt(t)?Hn(t)||so(e,t,n,s,i):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):co(e,t,s,l))?(eo(e,t,s),!e.tagName.includes("-")&&(t==="value"||t==="checked"||t==="selected")&&$s(e,t,s,l,i,t!=="value")):(t==="true-value"?e._trueValue=s:t==="false-value"&&(e._falseValue=s),$s(e,t,s,l))};function co(e,t,n,s){if(s)return!!(t==="innerHTML"||t==="textContent"||t in e&&Vs(t)&&I(n));if(t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA")return!1;if(t==="width"||t==="height"){const r=e.tagName;if(r==="IMG"||r==="VIDEO"||r==="CANVAS"||r==="SOURCE")return!1}return Vs(t)&&Z(n)?!1:!!(t in e||e._isVueCE&&(/[A-Z]/.test(t)||!Z(n)))}const ao=k({patchProp:fo},Gl);let Bs;function po(){return Bs||(Bs=bl(ao))}const ho=(...e)=>{const t=po().createApp(...e),{mount:n}=t;return t.mount=s=>{const r=mo(s);if(!r)return;const i=t._component;!I(i)&&!i.render&&!i.template&&(i.template=r.innerHTML),r.nodeType===1&&(r.textContent="");const l=n(r,!1,go(r));return r instanceof Element&&(r.removeAttribute("v-cloak"),r.setAttribute("data-v-app","")),l},t};function go(e){if(e instanceof SVGElement)return"svg";if(typeof MathMLElement=="function"&&e instanceof MathMLElement)return"mathml"}function mo(e){return Z(e)?document.querySelector(e):e}function bo({tag:e,contentTags:t,rootTags:n,level:s}={}){e=e||null,n=n||Q("semanticRelease_rootTags",["main"]),t=t||Q("semanticRelease_contentTags",["article","section"]),s=s||void 0,Ue("semanticRelease_rootTags",n),Ue("semanticRelease_contentTags",t);const r=Q("semanticRelease_parentLevel",0),i=Mt(()=>s!==void 0?s:r+1),l=Mt(()=>e||(Number(r)in n?n[Number(r)]:t[i.value%t.length]));return Ue("semanticRelease_rootLevel",n.length),Ue("semanticRelease_parentLevel",i.value),{parentLevel:r,currentLevel:i,currentTag:l}}const Kr={name:"ContentContainer",props:{tag:{type:String,default:null},rootTags:{type:Array,default(){return Q("semanticRelease_rootTags",["main"])}},contentTags:{type:Array,default(){return Q("semanticRelease_contentTags",["article","section"])}},level:{type:Number,default:void 0},debug:{type:Boolean,default(){return Q("semanticRelease_debug",!1)}}},setup(e){const{parentLevel:t,currentLevel:n,currentTag:s}=bo(e);return Ue("semanticRelease_debug",e.debug),{parentLevel:t,currentLevel:n,currentTag:s}},render(){const{currentTag:e,parentLevel:t,currentLevel:n}=this;return Br(e,{...this.$attrs,..._o(this)},{default:()=>this.$slots.default({currentTag:e,parentLevel:t,currentLevel:n})})}},_o=e=>e.debug?{"data-current-tag":e.currentTag,"data-current-level":e.currentLevel,"data-parent-level":e.parentLevel}:{};function yo({tag:e}={}){const t=Q("semanticRelease_parentLevel",1)+1,n=Q("semanticRelease_rootLevel",1),s=Mt(()=>vo(t-n)),r=Mt(()=>e||`h${s.value}`);return{currentLevel:s,currentTag:r}}const vo=e=>Math.max(1,Math.min(e,6)),xo={name:"ContentHeadline",props:{tag:{type:String,default:null},debug:{type:Boolean,default(){return Q("semanticRelease_debug",!1)}}},setup(){const{parentLevel:e,currentLevel:t,currentTag:n}=yo();return{parentLevel:e,currentLevel:t,currentTag:n}},render(){const{currentTag:e,currentLevel:t}=this;return Br(e,{...this.$attrs,...Co(this)},{default:()=>this.$slots.default({currentTag:e,currentLevel:t})})}},Co=e=>e.debug?{"data-current-tag":e.currentTag,"data-current-level":e.currentLevel}:{},wo=["data-debug-current-level"],ue={__name:"DebugHeadline",setup(e){const t=Q("debugHeadings",!1);return(n,s)=>(_e(),pt(Ce(xo),{"data-debug":Ce(t)?"headline":void 0},{default:M(({currentLevel:r})=>[kn(n.$slots,"default"),Ce(t)?(_e(),et("pre",{key:0,"data-debug-current-level":r},null,8,wo)):ns("",!0)]),_:3},8,["data-debug"]))}},So=(e,t)=>{const n=e.__vccOpts||e;for(const[s,r]of t)n[s]=r;return n},To=["href","aria-label","title","target"],Eo={__name:"GithubCorner",props:{title:{type:String,default:"View source on GitHub"},target:{type:String,default:"_blank"},url:{type:String,default:"https://your-url"}},setup(e){return(t,n)=>(_e(),et("a",{class:"atom-github-corner",href:e.url,"aria-label":e.title,title:e.title,target:e.target,rel:"noopener"},n[0]||(n[0]=[N("svg",{width:"80",height:"80",viewBox:"0 0 250 250","aria-hidden":"true"},[N("path",{d:"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"}),N("path",{d:"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2",fill:"currentColor",style:{"transform-origin":"130px 106px"},class:"octo-arm"}),N("path",{d:"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z",fill:"currentColor",class:"octo-body"})],-1)]),8,To))}},Ao=So(Eo,[["__scopeId","data-v-b4f2224c"]]),Oo=["data-debug-parent-level","data-debug-current-level","data-debug-current-tag"],Ne={__name:"DebugArticleContentContainer",props:{debug:{type:Boolean,default:!1}},setup(e){const t=e,n=t.debug||Q("debugHeadings",t.debug);return Ue("debugHeadings",n),(s,r)=>(_e(),pt(Ce(Kr),{rootTags:["main","article"],"data-debug":Ce(n)?"container":void 0},{default:M(({parentLevel:i,currentLevel:l,currentTag:u})=>[kn(s.$slots,"default"),Ce(n)?(_e(),et("pre",{key:0,class:"structure-debug","data-debug-parent-level":i,"data-debug-current-level":l,"data-debug-current-tag":u},null,8,Oo)):ns("",!0)]),_:3},8,["data-debug"]))}},Ro=["data-debug-parent-level","data-debug-current-level","data-debug-current-tag"],Xe={__name:"DebugContainer",props:{debug:{type:Boolean,default:!1}},setup(e){const t=e,n=t.debug||Q("debugHeadings",t.debug);return Ue("debugHeadings",n),(s,r)=>(_e(),pt(Ce(Kr),{"data-debug":Ce(n)?"container":void 0},{default:M(({parentLevel:i,currentLevel:l,currentTag:u})=>[kn(s.$slots,"default"),Ce(n)?(_e(),et("pre",{key:0,class:"structure-debug","data-debug-parent-level":i,"data-debug-current-level":l,"data-debug-current-tag":u},null,8,Ro)):ns("",!0)]),_:3},8,["data-debug"]))}},Po={class:"gallery columns-4"},Io={class:"columns-3"},Lo={class:"columns-3"},Mo={__name:"App",setup(e){const t="https://github.com/basics/vue-semantic-structure";return(n,s)=>(_e(),et("div",null,[O(Xe,{debug:""},{default:M(()=>[N("header",null,[O(ue,null,{default:M(()=>s[0]||(s[0]=[re("Stage")])),_:1}),s[1]||(s[1]=N("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam… ",-1)),s[2]||(s[2]=N("pre",{class:"structure-debug","data-debug-current-tag":"header"},null,-1))]),O(Xe,null,{default:M(()=>[O(ue,null,{default:M(()=>s[3]||(s[3]=[re("Text Component")])),_:1}),s[4]||(s[4]=N("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. ",-1))]),_:1}),O(Xe,null,{default:M(()=>[O(ue,null,{default:M(()=>s[5]||(s[5]=[re("Gallery Component")])),_:1}),s[6]||(s[6]=N("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam. ",-1)),N("div",Po,[(_e(!0),et(me,null,nl(Array(4),(r,i)=>(_e(),et("div",{key:i}))),128))])]),_:1}),O(Xe,null,{default:M(()=>[O(ue,null,{default:M(()=>s[7]||(s[7]=[re("Teasers Component")])),_:1}),N("div",Io,[O(Xe,null,{default:M(()=>[O(ue,null,{default:M(()=>s[8]||(s[8]=[re("Teaser 1")])),_:1}),s[9]||(s[9]=N("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. ",-1))]),_:1}),O(Xe,null,{default:M(()=>[O(ue,null,{default:M(()=>s[10]||(s[10]=[re("Teaser 2")])),_:1}),s[11]||(s[11]=N("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. ",-1))]),_:1}),O(Xe,null,{default:M(()=>[O(ue,null,{default:M(()=>s[12]||(s[12]=[re("Teaser 3")])),_:1}),s[13]||(s[13]=N("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. ",-1))]),_:1})])]),_:1})]),_:1}),s[27]||(s[27]=N("hr",null,null,-1)),O(Ne,{debug:""},{default:M(()=>[O(Ne,null,{default:M(()=>[N("header",null,[O(ue,null,{default:M(()=>s[14]||(s[14]=[re("Article Title")])),_:1}),s[15]||(s[15]=N("pre",{class:"structure-debug","data-debug-current-tag":"header"},null,-1))]),O(Ne,null,{default:M(()=>[N("div",null,[O(ue,null,{default:M(()=>s[16]||(s[16]=[re("Introduction")])),_:1}),s[17]||(s[17]=N("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. ",-1))])]),_:1}),O(Ne,null,{default:M(()=>[N("div",null,[O(ue,null,{default:M(()=>s[18]||(s[18]=[re("Description")])),_:1}),s[19]||(s[19]=N("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. ",-1))])]),_:1}),O(Ne,null,{default:M(()=>[N("div",null,[O(ue,null,{default:M(()=>s[20]||(s[20]=[re("More Articles")])),_:1})]),N("div",Lo,[O(Ne,null,{default:M(()=>[O(ue,null,{default:M(()=>s[21]||(s[21]=[re("Article 1")])),_:1}),s[22]||(s[22]=N("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. ",-1))]),_:1}),O(Ne,null,{default:M(()=>[O(ue,null,{default:M(()=>s[23]||(s[23]=[re("Article 2")])),_:1}),s[24]||(s[24]=N("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. ",-1))]),_:1}),O(Ne,null,{default:M(()=>[O(ue,null,{default:M(()=>s[25]||(s[25]=[re("Article 3")])),_:1}),s[26]||(s[26]=N("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. ",-1))]),_:1})])]),_:1})]),_:1})]),_:1}),O(Ao,{url:Ce(t)},null,8,["url"])]))}};ho(Mo).mount("#app"); diff --git a/playground/assets/index-qjoDXt87.js b/playground/assets/index-qjoDXt87.js deleted file mode 100644 index 73ac74b..0000000 --- a/playground/assets/index-qjoDXt87.js +++ /dev/null @@ -1,17 +0,0 @@ -(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))s(r);new MutationObserver(r=>{for(const i of r)if(i.type==="childList")for(const l of i.addedNodes)l.tagName==="LINK"&&l.rel==="modulepreload"&&s(l)}).observe(document,{childList:!0,subtree:!0});function n(r){const i={};return r.integrity&&(i.integrity=r.integrity),r.referrerPolicy&&(i.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?i.credentials="include":r.crossOrigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function s(r){if(r.ep)return;r.ep=!0;const i=n(r);fetch(r.href,i)}})();/** -* @vue/shared v3.5.9 -* (c) 2018-present Yuxi (Evan) You and Vue contributors -* @license MIT -**//*! #__NO_SIDE_EFFECTS__ */function Vn(e){const t=Object.create(null);for(const n of e.split(","))t[n]=1;return n=>n in t}const W={},ft=[],Le=()=>{},Qr=()=>!1,tn=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),Bn=e=>e.startsWith("onUpdate:"),k=Object.assign,Un=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},kr=Object.prototype.hasOwnProperty,H=(e,t)=>kr.call(e,t),L=Array.isArray,Tt=e=>nn(e)==="[object Map]",ei=e=>nn(e)==="[object Set]",I=e=>typeof e=="function",z=e=>typeof e=="string",mt=e=>typeof e=="symbol",Y=e=>e!==null&&typeof e=="object",Js=e=>(Y(e)||I(e))&&I(e.then)&&I(e.catch),ti=Object.prototype.toString,nn=e=>ti.call(e),ni=e=>nn(e).slice(8,-1),si=e=>nn(e)==="[object Object]",Kn=e=>z(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,St=Vn(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),sn=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},ri=/-(\w)/g,Ce=sn(e=>e.replace(ri,(t,n)=>n?n.toUpperCase():"")),ii=/\B([A-Z])/g,it=sn(e=>e.replace(ii,"-$1").toLowerCase()),rn=sn(e=>e.charAt(0).toUpperCase()+e.slice(1)),bn=sn(e=>e?`on${rn(e)}`:""),st=(e,t)=>!Object.is(e,t),_n=(e,...t)=>{for(let n=0;n{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,writable:s,value:n})},li=e=>{const t=parseFloat(e);return isNaN(t)?e:t};let ms;const Ys=()=>ms||(ms=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function ln(e){if(L(e)){const t={};for(let n=0;n{if(n){const s=n.split(ui);s.length>1&&(t[s[0].trim()]=s[1].trim())}}),t}function on(e){let t="";if(z(e))t=e;else if(L(e))for(let n=0;n0)return;let e;for(;ut;){let t=ut,n;for(;t;)t.flags&=-9,t=t.next;for(t=ut,ut=void 0;t;){if(t.flags&1)try{t.trigger()}catch(s){e||(e=s)}n=t.next,t.next=void 0,t=n}}if(e)throw e}function er(e){for(let t=e.deps;t;t=t.nextDep)t.version=-1,t.prevActiveLink=t.dep.activeLink,t.dep.activeLink=t}function tr(e){let t,n=e.depsTail,s=n;for(;s;){const r=s.prevDep;s.version===-1?(s===n&&(n=r),Gn(s),gi(s)):t=s,s.dep.activeLink=s.prevActiveLink,s.prevActiveLink=void 0,s=r}e.deps=t,e.depsTail=n}function Ln(e){for(let t=e.deps;t;t=t.nextDep)if(t.dep.version!==t.version||t.dep.computed&&(nr(t.dep.computed)||t.dep.version!==t.version))return!0;return!!e._dirty}function nr(e){if(e.flags&4&&!(e.flags&16)||(e.flags&=-17,e.globalVersion===Ot))return;e.globalVersion=Ot;const t=e.dep;if(e.flags|=2,t.version>0&&!e.isSSR&&e.deps&&!Ln(e)){e.flags&=-3;return}const n=K,s=ye;K=e,ye=!0;try{er(e);const r=e.fn(e._value);(t.version===0||st(r,e._value))&&(e._value=r,t.version++)}catch(r){throw t.version++,r}finally{K=n,ye=s,tr(e),e.flags&=-3}}function Gn(e,t=!1){const{dep:n,prevSub:s,nextSub:r}=e;if(s&&(s.nextSub=r,e.prevSub=void 0),r&&(r.prevSub=s,e.nextSub=void 0),n.subs===e&&(n.subs=s),!n.subs&&n.computed){n.computed.flags&=-5;for(let i=n.computed.deps;i;i=i.nextDep)Gn(i,!0)}!t&&!--n.sc&&n.map&&n.map.delete(n.key)}function gi(e){const{prevDep:t,nextDep:n}=e;t&&(t.nextDep=n,e.prevDep=void 0),n&&(n.prevDep=t,e.nextDep=void 0)}let ye=!0;const sr=[];function qe(){sr.push(ye),ye=!1}function Ge(){const e=sr.pop();ye=e===void 0?!0:e}function bs(e){const{cleanup:t}=e;if(e.cleanup=void 0,t){const n=K;K=void 0;try{t()}finally{K=n}}}let Ot=0;class mi{constructor(t,n){this.sub=t,this.dep=n,this.version=n.version,this.nextDep=this.prevDep=this.nextSub=this.prevSub=this.prevActiveLink=void 0}}class rr{constructor(t){this.computed=t,this.version=0,this.activeLink=void 0,this.subs=void 0,this.target=void 0,this.map=void 0,this.key=void 0,this.sc=0}track(t){if(!K||!ye||K===this.computed)return;let n=this.activeLink;if(n===void 0||n.sub!==K)n=this.activeLink=new mi(K,this),K.deps?(n.prevDep=K.depsTail,K.depsTail.nextDep=n,K.depsTail=n):K.deps=K.depsTail=n,ir(n);else if(n.version===-1&&(n.version=this.version,n.nextDep)){const s=n.nextDep;s.prevDep=n.prevDep,n.prevDep&&(n.prevDep.nextDep=s),n.prevDep=K.depsTail,n.nextDep=void 0,K.depsTail.nextDep=n,K.depsTail=n,K.deps===n&&(K.deps=s)}return n}trigger(t){this.version++,Ot++,this.notify(t)}notify(t){Wn();try{for(let n=this.subs;n;n=n.prevSub)n.sub.notify()&&n.sub.dep.notify()}finally{qn()}}}function ir(e){if(e.dep.sc++,e.sub.flags&4){const t=e.dep.computed;if(t&&!e.dep.subs){t.flags|=20;for(let s=t.deps;s;s=s.nextDep)ir(s)}const n=e.dep.subs;n!==e&&(e.prevSub=n,n&&(n.nextSub=e)),e.dep.subs=e}}const Pn=new WeakMap,tt=Symbol(""),In=Symbol(""),Lt=Symbol("");function ee(e,t,n){if(ye&&K){let s=Pn.get(e);s||Pn.set(e,s=new Map);let r=s.get(n);r||(s.set(n,r=new rr),r.target=e,r.map=s,r.key=n),r.track()}}function Re(e,t,n,s,r,i){const l=Pn.get(e);if(!l){Ot++;return}const u=c=>{c&&c.trigger()};if(Wn(),t==="clear")l.forEach(u);else{const c=L(e),p=c&&Kn(n);if(c&&n==="length"){const a=Number(s);l.forEach((g,v)=>{(v==="length"||v===Lt||!mt(v)&&v>=a)&&u(g)})}else switch(n!==void 0&&u(l.get(n)),p&&u(l.get(Lt)),t){case"add":c?p&&u(l.get("length")):(u(l.get(tt)),Tt(e)&&u(l.get(In)));break;case"delete":c||(u(l.get(tt)),Tt(e)&&u(l.get(In)));break;case"set":Tt(e)&&u(l.get(tt));break}}qn()}function lt(e){const t=j(e);return t===e?t:(ee(t,"iterate",Lt),xe(e)?t:t.map(ce))}function un(e){return ee(e=j(e),"iterate",Lt),e}const bi={__proto__:null,[Symbol.iterator](){return yn(this,Symbol.iterator,ce)},concat(...e){return lt(this).concat(...e.map(t=>L(t)?lt(t):t))},entries(){return yn(this,"entries",e=>(e[1]=ce(e[1]),e))},every(e,t){return Ie(this,"every",e,t,void 0,arguments)},filter(e,t){return Ie(this,"filter",e,t,n=>n.map(ce),arguments)},find(e,t){return Ie(this,"find",e,t,ce,arguments)},findIndex(e,t){return Ie(this,"findIndex",e,t,void 0,arguments)},findLast(e,t){return Ie(this,"findLast",e,t,ce,arguments)},findLastIndex(e,t){return Ie(this,"findLastIndex",e,t,void 0,arguments)},forEach(e,t){return Ie(this,"forEach",e,t,void 0,arguments)},includes(...e){return xn(this,"includes",e)},indexOf(...e){return xn(this,"indexOf",e)},join(e){return lt(this).join(e)},lastIndexOf(...e){return xn(this,"lastIndexOf",e)},map(e,t){return Ie(this,"map",e,t,void 0,arguments)},pop(){return xt(this,"pop")},push(...e){return xt(this,"push",e)},reduce(e,...t){return _s(this,"reduce",e,t)},reduceRight(e,...t){return _s(this,"reduceRight",e,t)},shift(){return xt(this,"shift")},some(e,t){return Ie(this,"some",e,t,void 0,arguments)},splice(...e){return xt(this,"splice",e)},toReversed(){return lt(this).toReversed()},toSorted(e){return lt(this).toSorted(e)},toSpliced(...e){return lt(this).toSpliced(...e)},unshift(...e){return xt(this,"unshift",e)},values(){return yn(this,"values",ce)}};function yn(e,t,n){const s=un(e),r=s[t]();return s!==e&&!xe(e)&&(r._next=r.next,r.next=()=>{const i=r._next();return i.value&&(i.value=n(i.value)),i}),r}const _i=Array.prototype;function Ie(e,t,n,s,r,i){const l=un(e),u=l!==e&&!xe(e),c=l[t];if(c!==_i[t]){const g=c.apply(e,i);return u?ce(g):g}let p=n;l!==e&&(u?p=function(g,v){return n.call(this,ce(g),v,e)}:n.length>2&&(p=function(g,v){return n.call(this,g,v,e)}));const a=c.call(l,p,s);return u&&r?r(a):a}function _s(e,t,n,s){const r=un(e);let i=n;return r!==e&&(xe(e)?n.length>3&&(i=function(l,u,c){return n.call(this,l,u,c,e)}):i=function(l,u,c){return n.call(this,l,ce(u),c,e)}),r[t](i,...s)}function xn(e,t,n){const s=j(e);ee(s,"iterate",Lt);const r=s[t](...n);return(r===-1||r===!1)&&Xn(n[0])?(n[0]=j(n[0]),s[t](...n)):r}function xt(e,t,n=[]){qe(),Wn();const s=j(e)[t].apply(e,n);return qn(),Ge(),s}const vi=Vn("__proto__,__v_isRef,__isVue"),lr=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(mt));function yi(e){mt(e)||(e=String(e));const t=j(this);return ee(t,"has",e),t.hasOwnProperty(e)}class or{constructor(t=!1,n=!1){this._isReadonly=t,this._isShallow=n}get(t,n,s){const r=this._isReadonly,i=this._isShallow;if(n==="__v_isReactive")return!r;if(n==="__v_isReadonly")return r;if(n==="__v_isShallow")return i;if(n==="__v_raw")return s===(r?i?Ri:ar:i?cr:fr).get(t)||Object.getPrototypeOf(t)===Object.getPrototypeOf(s)?t:void 0;const l=L(t);if(!r){let c;if(l&&(c=bi[n]))return c;if(n==="hasOwnProperty")return yi}const u=Reflect.get(t,n,oe(t)?t:s);return(mt(n)?lr.has(n):vi(n))||(r||ee(t,"get",n),i)?u:oe(u)?l&&Kn(n)?u:u.value:Y(u)?r?dr(u):Yn(u):u}}class ur extends or{constructor(t=!1){super(!1,t)}set(t,n,s,r){let i=t[n];if(!this._isShallow){const c=ht(i);if(!xe(s)&&!ht(s)&&(i=j(i),s=j(s)),!L(t)&&oe(i)&&!oe(s))return c?!1:(i.value=s,!0)}const l=L(t)&&Kn(n)?Number(n)e,fn=e=>Reflect.getPrototypeOf(e);function Bt(e,t,n=!1,s=!1){e=e.__v_raw;const r=j(e),i=j(t);n||(st(t,i)&&ee(r,"get",t),ee(r,"get",i));const{has:l}=fn(r),u=s?Jn:n?Qn:ce;if(l.call(r,t))return u(e.get(t));if(l.call(r,i))return u(e.get(i));e!==r&&e.get(t)}function Ut(e,t=!1){const n=this.__v_raw,s=j(n),r=j(e);return t||(st(e,r)&&ee(s,"has",e),ee(s,"has",r)),e===r?n.has(e):n.has(e)||n.has(r)}function Kt(e,t=!1){return e=e.__v_raw,!t&&ee(j(e),"iterate",tt),Reflect.get(e,"size",e)}function vs(e,t=!1){!t&&!xe(e)&&!ht(e)&&(e=j(e));const n=j(this);return fn(n).has.call(n,e)||(n.add(e),Re(n,"add",e,e)),this}function ys(e,t,n=!1){!n&&!xe(t)&&!ht(t)&&(t=j(t));const s=j(this),{has:r,get:i}=fn(s);let l=r.call(s,e);l||(e=j(e),l=r.call(s,e));const u=i.call(s,e);return s.set(e,t),l?st(t,u)&&Re(s,"set",e,t):Re(s,"add",e,t),this}function xs(e){const t=j(this),{has:n,get:s}=fn(t);let r=n.call(t,e);r||(e=j(e),r=n.call(t,e)),s&&s.call(t,e);const i=t.delete(e);return r&&Re(t,"delete",e,void 0),i}function Cs(){const e=j(this),t=e.size!==0,n=e.clear();return t&&Re(e,"clear",void 0,void 0),n}function Wt(e,t){return function(s,r){const i=this,l=i.__v_raw,u=j(l),c=t?Jn:e?Qn:ce;return!e&&ee(u,"iterate",tt),l.forEach((p,a)=>s.call(r,c(p),c(a),i))}}function qt(e,t,n){return function(...s){const r=this.__v_raw,i=j(r),l=Tt(i),u=e==="entries"||e===Symbol.iterator&&l,c=e==="keys"&&l,p=r[e](...s),a=n?Jn:t?Qn:ce;return!t&&ee(i,"iterate",c?In:tt),{next(){const{value:g,done:v}=p.next();return v?{value:g,done:v}:{value:u?[a(g[0]),a(g[1])]:a(g),done:v}},[Symbol.iterator](){return this}}}}function Ne(e){return function(...t){return e==="delete"?!1:e==="clear"?void 0:this}}function Si(){const e={get(i){return Bt(this,i)},get size(){return Kt(this)},has:Ut,add:vs,set:ys,delete:xs,clear:Cs,forEach:Wt(!1,!1)},t={get(i){return Bt(this,i,!1,!0)},get size(){return Kt(this)},has:Ut,add(i){return vs.call(this,i,!0)},set(i,l){return ys.call(this,i,l,!0)},delete:xs,clear:Cs,forEach:Wt(!1,!0)},n={get(i){return Bt(this,i,!0)},get size(){return Kt(this,!0)},has(i){return Ut.call(this,i,!0)},add:Ne("add"),set:Ne("set"),delete:Ne("delete"),clear:Ne("clear"),forEach:Wt(!0,!1)},s={get(i){return Bt(this,i,!0,!0)},get size(){return Kt(this,!0)},has(i){return Ut.call(this,i,!0)},add:Ne("add"),set:Ne("set"),delete:Ne("delete"),clear:Ne("clear"),forEach:Wt(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(i=>{e[i]=qt(i,!1,!1),n[i]=qt(i,!0,!1),t[i]=qt(i,!1,!0),s[i]=qt(i,!0,!0)}),[e,n,t,s]}const[Ei,Ai,Oi,Li]=Si();function zn(e,t){const n=t?e?Li:Oi:e?Ai:Ei;return(s,r,i)=>r==="__v_isReactive"?!e:r==="__v_isReadonly"?e:r==="__v_raw"?s:Reflect.get(H(n,r)&&r in s?n:s,r,i)}const Pi={get:zn(!1,!1)},Ii={get:zn(!1,!0)},Mi={get:zn(!0,!1)};const fr=new WeakMap,cr=new WeakMap,ar=new WeakMap,Ri=new WeakMap;function Fi(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function Di(e){return e.__v_skip||!Object.isExtensible(e)?0:Fi(ni(e))}function Yn(e){return ht(e)?e:Zn(e,!1,Ci,Pi,fr)}function Hi(e){return Zn(e,!1,Ti,Ii,cr)}function dr(e){return Zn(e,!0,wi,Mi,ar)}function Zn(e,t,n,s,r){if(!Y(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const i=r.get(e);if(i)return i;const l=Di(e);if(l===0)return e;const u=new Proxy(e,l===2?s:n);return r.set(e,u),u}function ct(e){return ht(e)?ct(e.__v_raw):!!(e&&e.__v_isReactive)}function ht(e){return!!(e&&e.__v_isReadonly)}function xe(e){return!!(e&&e.__v_isShallow)}function Xn(e){return e?!!e.__v_raw:!1}function j(e){const t=e&&e.__v_raw;return t?j(t):e}function Ni(e){return!H(e,"__v_skip")&&Object.isExtensible(e)&&zs(e,"__v_skip",!0),e}const ce=e=>Y(e)?Yn(e):e,Qn=e=>Y(e)?dr(e):e;function oe(e){return e?e.__v_isRef===!0:!1}function Ue(e){return oe(e)?e.value:e}const $i={get:(e,t,n)=>t==="__v_raw"?e:Ue(Reflect.get(e,t,n)),set:(e,t,n,s)=>{const r=e[t];return oe(r)&&!oe(n)?(r.value=n,!0):Reflect.set(e,t,n,s)}};function pr(e){return ct(e)?e:new Proxy(e,$i)}class ji{constructor(t,n,s){this.fn=t,this.setter=n,this._value=void 0,this.dep=new rr(this),this.__v_isRef=!0,this.deps=void 0,this.depsTail=void 0,this.flags=16,this.globalVersion=Ot-1,this.effect=this,this.__v_isReadonly=!n,this.isSSR=s}notify(){if(this.flags|=16,!(this.flags&8)&&K!==this)return ks(this),!0}get value(){const t=this.dep.track();return nr(this),t&&(t.version=this.dep.version),this._value}set value(t){this.setter&&this.setter(t)}}function Vi(e,t,n=!1){let s,r;return I(e)?s=e:(s=e.get,r=e.set),new ji(s,r,n)}const Gt={},Zt=new WeakMap;let ke;function Bi(e,t=!1,n=ke){if(n){let s=Zt.get(n);s||Zt.set(n,s=[]),s.push(e)}}function Ui(e,t,n=W){const{immediate:s,deep:r,once:i,scheduler:l,augmentJob:u,call:c}=n,p=E=>r?E:xe(E)||r===!1||r===0?Be(E,1):Be(E);let a,g,v,O,D=!1,F=!1;if(oe(e)?(g=()=>e.value,D=xe(e)):ct(e)?(g=()=>p(e),D=!0):L(e)?(F=!0,D=e.some(E=>ct(E)||xe(E)),g=()=>e.map(E=>{if(oe(E))return E.value;if(ct(E))return p(E);if(I(E))return c?c(E,2):E()})):I(e)?t?g=c?()=>c(e,2):e:g=()=>{if(v){qe();try{v()}finally{Ge()}}const E=ke;ke=a;try{return c?c(e,3,[O]):e(O)}finally{ke=E}}:g=Le,t&&r){const E=g,Z=r===!0?1/0:r;g=()=>Be(E(),Z)}const te=hi(),V=()=>{a.stop(),te&&Un(te.effects,a)};if(i&&t){const E=t;t=(...Z)=>{E(...Z),V()}}let G=F?new Array(e.length).fill(Gt):Gt;const J=E=>{if(!(!(a.flags&1)||!a.dirty&&!E))if(t){const Z=a.run();if(r||D||(F?Z.some((De,we)=>st(De,G[we])):st(Z,G))){v&&v();const De=ke;ke=a;try{const we=[Z,G===Gt?void 0:F&&G[0]===Gt?[]:G,O];c?c(t,3,we):t(...we),G=Z}finally{ke=De}}}else a.run()};return u&&u(J),a=new Xs(g),a.scheduler=l?()=>l(J,!1):J,O=E=>Bi(E,!1,a),v=a.onStop=()=>{const E=Zt.get(a);if(E){if(c)c(E,4);else for(const Z of E)Z();Zt.delete(a)}},t?s?J(!0):G=a.run():l?l(J.bind(null,!0),!0):a.run(),V.pause=a.pause.bind(a),V.resume=a.resume.bind(a),V.stop=V,V}function Be(e,t=1/0,n){if(t<=0||!Y(e)||e.__v_skip||(n=n||new Set,n.has(e)))return e;if(n.add(e),t--,oe(e))Be(e.value,t,n);else if(L(e))for(let s=0;s{Be(s,t,n)});else if(si(e)){for(const s in e)Be(e[s],t,n);for(const s of Object.getOwnPropertySymbols(e))Object.prototype.propertyIsEnumerable.call(e,s)&&Be(e[s],t,n)}return e}/** -* @vue/runtime-core v3.5.9 -* (c) 2018-present Yuxi (Evan) You and Vue contributors -* @license MIT -**/function Ft(e,t,n,s){try{return s?e(...s):e()}catch(r){cn(r,t,n)}}function Pe(e,t,n,s){if(I(e)){const r=Ft(e,t,n,s);return r&&Js(r)&&r.catch(i=>{cn(i,t,n)}),r}if(L(e)){const r=[];for(let i=0;i>>1,r=ie[s],i=It(r);i=It(n)?ie.push(e):ie.splice(qi(t),0,e),e.flags|=1,gr()}}function gr(){!Pt&&!Mn&&(Mn=!0,kn=hr.then(br))}function Gi(e){L(e)?at.push(...e):je&&e.id===-1?je.splice(ot+1,0,e):e.flags&1||(at.push(e),e.flags|=1),gr()}function ws(e,t,n=Pt?Ae+1:0){for(;nIt(n)-It(s));if(at.length=0,je){je.push(...t);return}for(je=t,ot=0;ote.id==null?e.flags&2?-1:1/0:e.id;function br(e){Mn=!1,Pt=!0;try{for(Ae=0;Ae{s._d&&Ms(-1);const i=Xt(t);let l;try{l=e(...r)}finally{Xt(i),s._d&&Ms(1)}return l};return s._n=!0,s._c=!0,s._d=!0,s}function Ze(e,t,n,s){const r=e.dirs,i=t&&t.dirs;for(let l=0;le.__isTeleport;function ts(e,t){e.shapeFlag&6&&e.component?(e.transition=t,ts(e.component.subTree,t)):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function vr(e){e.ids=[e.ids[0]+e.ids[2]+++"-",0,0]}function Rn(e,t,n,s,r=!1){if(L(e)){e.forEach((D,F)=>Rn(D,t&&(L(t)?t[F]:t),n,s,r));return}if(dt(s)&&!r)return;const i=s.shapeFlag&4?os(s.component):s.el,l=r?null:i,{i:u,r:c}=e,p=t&&t.r,a=u.refs===W?u.refs={}:u.refs,g=u.setupState,v=j(g),O=g===W?()=>!1:D=>H(v,D);if(p!=null&&p!==c&&(z(p)?(a[p]=null,O(p)&&(g[p]=null)):oe(p)&&(p.value=null)),I(c))Ft(c,u,12,[l,a]);else{const D=z(c),F=oe(c);if(D||F){const te=()=>{if(e.f){const V=D?O(c)?g[c]:a[c]:c.value;r?L(V)&&Un(V,i):L(V)?V.includes(i)||V.push(i):D?(a[c]=[i],O(c)&&(g[c]=a[c])):(c.value=[i],e.k&&(a[e.k]=c.value))}else D?(a[c]=l,O(c)&&(g[c]=l)):F&&(c.value=l,e.k&&(a[e.k]=l))};l?(te.id=-1,ge(te,n)):te()}}}const dt=e=>!!e.type.__asyncLoader,yr=e=>e.type.__isKeepAlive;function Yi(e,t){xr(e,"a",t)}function Zi(e,t){xr(e,"da",t)}function xr(e,t,n=Q){const s=e.__wdc||(e.__wdc=()=>{let r=n;for(;r;){if(r.isDeactivated)return;r=r.parent}return e()});if(an(t,s,n),n){let r=n.parent;for(;r&&r.parent;)yr(r.parent.vnode)&&Xi(s,t,n,r),r=r.parent}}function Xi(e,t,n,s){const r=an(t,e,s,!0);Cr(()=>{Un(s[t],r)},n)}function an(e,t,n=Q,s=!1){if(n){const r=n[e]||(n[e]=[]),i=t.__weh||(t.__weh=(...l)=>{qe();const u=Dt(n),c=Pe(t,n,e,l);return u(),Ge(),c});return s?r.unshift(i):r.push(i),i}}const Fe=e=>(t,n=Q)=>{(!hn||e==="sp")&&an(e,(...s)=>t(...s),n)},Qi=Fe("bm"),ki=Fe("m"),el=Fe("bu"),tl=Fe("u"),nl=Fe("bum"),Cr=Fe("um"),sl=Fe("sp"),rl=Fe("rtg"),il=Fe("rtc");function ll(e,t=Q){an("ec",e,t)}const ol="components",wr=Symbol.for("v-ndc");function Tr(e){return z(e)?ul(ol,e,!1)||e:e||wr}function ul(e,t,n=!0,s=!1){const r=le||Q;if(r){const i=r.type;{const u=Jl(i,!1);if(u&&(u===t||u===Ce(t)||u===rn(Ce(t))))return i}const l=Ts(r[e]||i[e],t)||Ts(r.appContext[e],t);return!l&&s?i:l}}function Ts(e,t){return e&&(e[t]||e[Ce(t)]||e[rn(Ce(t))])}function fl(e,t,n,s){let r;const i=n,l=L(e);if(l||z(e)){const u=l&&ct(e);let c=!1;u&&(c=!xe(e),e=un(e)),r=new Array(e.length);for(let p=0,a=e.length;pt(u,c,void 0,i));else{const u=Object.keys(e);r=new Array(u.length);for(let c=0,p=u.length;crs(t)?!(t.type===Ke||t.type===be&&!Sr(t.children)):!0)?e:null}const Fn=e=>e?Gr(e)?os(e):Fn(e.parent):null,Et=k(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>Fn(e.parent),$root:e=>Fn(e.root),$host:e=>e.ce,$emit:e=>e.emit,$options:e=>ns(e),$forceUpdate:e=>e.f||(e.f=()=>{es(e.update)}),$nextTick:e=>e.n||(e.n=Wi.bind(e.proxy)),$watch:e=>Pl.bind(e)}),Cn=(e,t)=>e!==W&&!e.__isScriptSetup&&H(e,t),cl={get({_:e},t){if(t==="__v_skip")return!0;const{ctx:n,setupState:s,data:r,props:i,accessCache:l,type:u,appContext:c}=e;let p;if(t[0]!=="$"){const O=l[t];if(O!==void 0)switch(O){case 1:return s[t];case 2:return r[t];case 4:return n[t];case 3:return i[t]}else{if(Cn(s,t))return l[t]=1,s[t];if(r!==W&&H(r,t))return l[t]=2,r[t];if((p=e.propsOptions[0])&&H(p,t))return l[t]=3,i[t];if(n!==W&&H(n,t))return l[t]=4,n[t];Dn&&(l[t]=0)}}const a=Et[t];let g,v;if(a)return t==="$attrs"&&ee(e.attrs,"get",""),a(e);if((g=u.__cssModules)&&(g=g[t]))return g;if(n!==W&&H(n,t))return l[t]=4,n[t];if(v=c.config.globalProperties,H(v,t))return v[t]},set({_:e},t,n){const{data:s,setupState:r,ctx:i}=e;return Cn(r,t)?(r[t]=n,!0):s!==W&&H(s,t)?(s[t]=n,!0):H(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(i[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:s,appContext:r,propsOptions:i}},l){let u;return!!n[l]||e!==W&&H(e,l)||Cn(t,l)||(u=i[0])&&H(u,l)||H(s,l)||H(Et,l)||H(r.config.globalProperties,l)},defineProperty(e,t,n){return n.get!=null?e._.accessCache[t]=0:H(n,"value")&&this.set(e,t,n.value,null),Reflect.defineProperty(e,t,n)}};function Ss(e){return L(e)?e.reduce((t,n)=>(t[n]=null,t),{}):e}let Dn=!0;function al(e){const t=ns(e),n=e.proxy,s=e.ctx;Dn=!1,t.beforeCreate&&Es(t.beforeCreate,e,"bc");const{data:r,computed:i,methods:l,watch:u,provide:c,inject:p,created:a,beforeMount:g,mounted:v,beforeUpdate:O,updated:D,activated:F,deactivated:te,beforeDestroy:V,beforeUnmount:G,destroyed:J,unmounted:E,render:Z,renderTracked:De,renderTriggered:we,errorCaptured:He,serverPrefetch:Ht,expose:Je,inheritAttrs:bt,components:Nt,directives:$t,filters:gn}=t;if(p&&dl(p,s,null),l)for(const q in l){const B=l[q];I(B)&&(s[q]=B.bind(n))}if(r){const q=r.call(n,n);Y(q)&&(e.data=Yn(q))}if(Dn=!0,i)for(const q in i){const B=i[q],ze=I(B)?B.bind(n,n):I(B.get)?B.get.bind(n,n):Le,jt=!I(B)&&I(B.set)?B.set.bind(n):Le,Ye=Rt({get:ze,set:jt});Object.defineProperty(s,q,{enumerable:!0,configurable:!0,get:()=>Ye.value,set:Te=>Ye.value=Te})}if(u)for(const q in u)Er(u[q],s,n,q);if(c){const q=I(c)?c.call(n):c;Reflect.ownKeys(q).forEach(B=>{et(B,q[B])})}a&&Es(a,e,"c");function ne(q,B){L(B)?B.forEach(ze=>q(ze.bind(n))):B&&q(B.bind(n))}if(ne(Qi,g),ne(ki,v),ne(el,O),ne(tl,D),ne(Yi,F),ne(Zi,te),ne(ll,He),ne(il,De),ne(rl,we),ne(nl,G),ne(Cr,E),ne(sl,Ht),L(Je))if(Je.length){const q=e.exposed||(e.exposed={});Je.forEach(B=>{Object.defineProperty(q,B,{get:()=>n[B],set:ze=>n[B]=ze})})}else e.exposed||(e.exposed={});Z&&e.render===Le&&(e.render=Z),bt!=null&&(e.inheritAttrs=bt),Nt&&(e.components=Nt),$t&&(e.directives=$t),Ht&&vr(e)}function dl(e,t,n=Le){L(e)&&(e=Hn(e));for(const s in e){const r=e[s];let i;Y(r)?"default"in r?i=ae(r.from||s,r.default,!0):i=ae(r.from||s):i=ae(r),oe(i)?Object.defineProperty(t,s,{enumerable:!0,configurable:!0,get:()=>i.value,set:l=>i.value=l}):t[s]=i}}function Es(e,t,n){Pe(L(e)?e.map(s=>s.bind(t.proxy)):e.bind(t.proxy),t,n)}function Er(e,t,n,s){let r=s.includes(".")?Vr(n,s):()=>n[s];if(z(e)){const i=t[e];I(i)&&Tn(r,i)}else if(I(e))Tn(r,e.bind(n));else if(Y(e))if(L(e))e.forEach(i=>Er(i,t,n,s));else{const i=I(e.handler)?e.handler.bind(n):t[e.handler];I(i)&&Tn(r,i,e)}}function ns(e){const t=e.type,{mixins:n,extends:s}=t,{mixins:r,optionsCache:i,config:{optionMergeStrategies:l}}=e.appContext,u=i.get(t);let c;return u?c=u:!r.length&&!n&&!s?c=t:(c={},r.length&&r.forEach(p=>Qt(c,p,l,!0)),Qt(c,t,l)),Y(t)&&i.set(t,c),c}function Qt(e,t,n,s=!1){const{mixins:r,extends:i}=t;i&&Qt(e,i,n,!0),r&&r.forEach(l=>Qt(e,l,n,!0));for(const l in t)if(!(s&&l==="expose")){const u=pl[l]||n&&n[l];e[l]=u?u(e[l],t[l]):t[l]}return e}const pl={data:As,props:Os,emits:Os,methods:wt,computed:wt,beforeCreate:se,created:se,beforeMount:se,mounted:se,beforeUpdate:se,updated:se,beforeDestroy:se,beforeUnmount:se,destroyed:se,unmounted:se,activated:se,deactivated:se,errorCaptured:se,serverPrefetch:se,components:wt,directives:wt,watch:gl,provide:As,inject:hl};function As(e,t){return t?e?function(){return k(I(e)?e.call(this,this):e,I(t)?t.call(this,this):t)}:t:e}function hl(e,t){return wt(Hn(e),Hn(t))}function Hn(e){if(L(e)){const t={};for(let n=0;n1)return n&&I(t)?t.call(s&&s.proxy):t}}const Or={},Lr=()=>Object.create(Or),Pr=e=>Object.getPrototypeOf(e)===Or;function _l(e,t,n,s=!1){const r={},i=Lr();e.propsDefaults=Object.create(null),Ir(e,t,r,i);for(const l in e.propsOptions[0])l in r||(r[l]=void 0);n?e.props=s?r:Hi(r):e.type.props?e.props=r:e.props=i,e.attrs=i}function vl(e,t,n,s){const{props:r,attrs:i,vnode:{patchFlag:l}}=e,u=j(r),[c]=e.propsOptions;let p=!1;if((s||l>0)&&!(l&16)){if(l&8){const a=e.vnode.dynamicProps;for(let g=0;g{c=!0;const[v,O]=Mr(g,t,!0);k(l,v),O&&u.push(...O)};!n&&t.mixins.length&&t.mixins.forEach(a),e.extends&&a(e.extends),e.mixins&&e.mixins.forEach(a)}if(!i&&!c)return Y(e)&&s.set(e,ft),ft;if(L(i))for(let a=0;ae[0]==="_"||e==="$stable",ss=e=>L(e)?e.map(Oe):[Oe(e)],xl=(e,t,n)=>{if(t._n)return t;const s=M((...r)=>ss(t(...r)),n);return s._c=!1,s},Fr=(e,t,n)=>{const s=e._ctx;for(const r in e){if(Rr(r))continue;const i=e[r];if(I(i))t[r]=xl(r,i,s);else if(i!=null){const l=ss(i);t[r]=()=>l}}},Dr=(e,t)=>{const n=ss(t);e.slots.default=()=>n},Hr=(e,t,n)=>{for(const s in t)(n||s!=="_")&&(e[s]=t[s])},Cl=(e,t,n)=>{const s=e.slots=Lr();if(e.vnode.shapeFlag&32){const r=t._;r?(Hr(s,t,n),n&&zs(s,"_",r,!0)):Fr(t,s)}else t&&Dr(e,t)},wl=(e,t,n)=>{const{vnode:s,slots:r}=e;let i=!0,l=W;if(s.shapeFlag&32){const u=t._;u?n&&u===1?i=!1:Hr(r,t,n):(i=!t.$stable,Fr(t,r)),l=t}else t&&(Dr(e,t),l={default:1});if(i)for(const u in r)!Rr(u)&&l[u]==null&&delete r[u]},ge=Nl;function Tl(e){return Sl(e)}function Sl(e,t){const n=Ys();n.__VUE__=!0;const{insert:s,remove:r,patchProp:i,createElement:l,createText:u,createComment:c,setText:p,setElementText:a,parentNode:g,nextSibling:v,setScopeId:O=Le,insertStaticContent:D}=e,F=(o,f,d,b=null,h=null,m=null,C=void 0,x=null,y=!!f.dynamicChildren)=>{if(o===f)return;o&&!Ct(o,f)&&(b=Vt(o),Te(o,h,m,!0),o=null),f.patchFlag===-2&&(y=!1,f.dynamicChildren=null);const{type:_,ref:S,shapeFlag:w}=f;switch(_){case pn:te(o,f,d,b);break;case Ke:V(o,f,d,b);break;case En:o==null&&G(f,d,b,C);break;case be:Nt(o,f,d,b,h,m,C,x,y);break;default:w&1?Z(o,f,d,b,h,m,C,x,y):w&6?$t(o,f,d,b,h,m,C,x,y):(w&64||w&128)&&_.process(o,f,d,b,h,m,C,x,y,vt)}S!=null&&h&&Rn(S,o&&o.ref,m,f||o,!f)},te=(o,f,d,b)=>{if(o==null)s(f.el=u(f.children),d,b);else{const h=f.el=o.el;f.children!==o.children&&p(h,f.children)}},V=(o,f,d,b)=>{o==null?s(f.el=c(f.children||""),d,b):f.el=o.el},G=(o,f,d,b)=>{[o.el,o.anchor]=D(o.children,f,d,b,o.el,o.anchor)},J=({el:o,anchor:f},d,b)=>{let h;for(;o&&o!==f;)h=v(o),s(o,d,b),o=h;s(f,d,b)},E=({el:o,anchor:f})=>{let d;for(;o&&o!==f;)d=v(o),r(o),o=d;r(f)},Z=(o,f,d,b,h,m,C,x,y)=>{f.type==="svg"?C="svg":f.type==="math"&&(C="mathml"),o==null?De(f,d,b,h,m,C,x,y):Ht(o,f,h,m,C,x,y)},De=(o,f,d,b,h,m,C,x)=>{let y,_;const{props:S,shapeFlag:w,transition:T,dirs:A}=o;if(y=o.el=l(o.type,m,S&&S.is,S),w&8?a(y,o.children):w&16&&He(o.children,y,null,b,h,wn(o,m),C,x),A&&Ze(o,null,b,"created"),we(y,o,o.scopeId,C,b),S){for(const U in S)U!=="value"&&!St(U)&&i(y,U,null,S[U],m,b);"value"in S&&i(y,"value",null,S.value,m),(_=S.onVnodeBeforeMount)&&Ee(_,b,o)}A&&Ze(o,null,b,"beforeMount");const R=El(h,T);R&&T.beforeEnter(y),s(y,f,d),((_=S&&S.onVnodeMounted)||R||A)&&ge(()=>{_&&Ee(_,b,o),R&&T.enter(y),A&&Ze(o,null,b,"mounted")},h)},we=(o,f,d,b,h)=>{if(d&&O(o,d),b)for(let m=0;m{for(let _=y;_{const x=f.el=o.el;let{patchFlag:y,dynamicChildren:_,dirs:S}=f;y|=o.patchFlag&16;const w=o.props||W,T=f.props||W;let A;if(d&&Xe(d,!1),(A=T.onVnodeBeforeUpdate)&&Ee(A,d,f,o),S&&Ze(f,o,d,"beforeUpdate"),d&&Xe(d,!0),(w.innerHTML&&T.innerHTML==null||w.textContent&&T.textContent==null)&&a(x,""),_?Je(o.dynamicChildren,_,x,d,b,wn(f,h),m):C||B(o,f,x,null,d,b,wn(f,h),m,!1),y>0){if(y&16)bt(x,w,T,d,h);else if(y&2&&w.class!==T.class&&i(x,"class",null,T.class,h),y&4&&i(x,"style",w.style,T.style,h),y&8){const R=f.dynamicProps;for(let U=0;U{A&&Ee(A,d,f,o),S&&Ze(f,o,d,"updated")},b)},Je=(o,f,d,b,h,m,C)=>{for(let x=0;x{if(f!==d){if(f!==W)for(const m in f)!St(m)&&!(m in d)&&i(o,m,f[m],null,h,b);for(const m in d){if(St(m))continue;const C=d[m],x=f[m];C!==x&&m!=="value"&&i(o,m,x,C,h,b)}"value"in d&&i(o,"value",f.value,d.value,h)}},Nt=(o,f,d,b,h,m,C,x,y)=>{const _=f.el=o?o.el:u(""),S=f.anchor=o?o.anchor:u("");let{patchFlag:w,dynamicChildren:T,slotScopeIds:A}=f;A&&(x=x?x.concat(A):A),o==null?(s(_,d,b),s(S,d,b),He(f.children||[],d,S,h,m,C,x,y)):w>0&&w&64&&T&&o.dynamicChildren?(Je(o.dynamicChildren,T,d,h,m,C,x),(f.key!=null||h&&f===h.subTree)&&Nr(o,f,!0)):B(o,f,d,S,h,m,C,x,y)},$t=(o,f,d,b,h,m,C,x,y)=>{f.slotScopeIds=x,o==null?f.shapeFlag&512?h.ctx.activate(f,d,b,C,y):gn(f,d,b,h,m,C,y):fs(o,f,y)},gn=(o,f,d,b,h,m,C)=>{const x=o.component=Ul(o,b,h);if(yr(o)&&(x.ctx.renderer=vt),Kl(x,!1,C),x.asyncDep){if(h&&h.registerDep(x,ne,C),!o.el){const y=x.subTree=P(Ke);V(null,y,f,d)}}else ne(x,o,f,d,h,m,C)},fs=(o,f,d)=>{const b=f.component=o.component;if(Dl(o,f,d))if(b.asyncDep&&!b.asyncResolved){q(b,f,d);return}else b.next=f,b.update();else f.el=o.el,b.vnode=f},ne=(o,f,d,b,h,m,C)=>{const x=()=>{if(o.isMounted){let{next:w,bu:T,u:A,parent:R,vnode:U}=o;{const pe=$r(o);if(pe){w&&(w.el=U.el,q(o,w,C)),pe.asyncDep.then(()=>{o.isUnmounted||x()});return}}let N=w,de;Xe(o,!1),w?(w.el=U.el,q(o,w,C)):w=U,T&&_n(T),(de=w.props&&w.props.onVnodeBeforeUpdate)&&Ee(de,R,w,U),Xe(o,!0);const X=Sn(o),ve=o.subTree;o.subTree=X,F(ve,X,g(ve.el),Vt(ve),o,h,m),w.el=X.el,N===null&&Hl(o,X.el),A&&ge(A,h),(de=w.props&&w.props.onVnodeUpdated)&&ge(()=>Ee(de,R,w,U),h)}else{let w;const{el:T,props:A}=f,{bm:R,m:U,parent:N,root:de,type:X}=o,ve=dt(f);if(Xe(o,!1),R&&_n(R),!ve&&(w=A&&A.onVnodeBeforeMount)&&Ee(w,N,f),Xe(o,!0),T&&ps){const pe=()=>{o.subTree=Sn(o),ps(T,o.subTree,o,h,null)};ve&&X.__asyncHydrate?X.__asyncHydrate(T,o,pe):pe()}else{de.ce&&de.ce._injectChildStyle(X);const pe=o.subTree=Sn(o);F(null,pe,d,b,o,h,m),f.el=pe.el}if(U&&ge(U,h),!ve&&(w=A&&A.onVnodeMounted)){const pe=f;ge(()=>Ee(w,N,pe),h)}(f.shapeFlag&256||N&&dt(N.vnode)&&N.vnode.shapeFlag&256)&&o.a&&ge(o.a,h),o.isMounted=!0,f=d=b=null}};o.scope.on();const y=o.effect=new Xs(x);o.scope.off();const _=o.update=y.run.bind(y),S=o.job=y.runIfDirty.bind(y);S.i=o,S.id=o.uid,y.scheduler=()=>es(S),Xe(o,!0),_()},q=(o,f,d)=>{f.component=o;const b=o.vnode.props;o.vnode=f,o.next=null,vl(o,f.props,b,d),wl(o,f.children,d),qe(),ws(o),Ge()},B=(o,f,d,b,h,m,C,x,y=!1)=>{const _=o&&o.children,S=o?o.shapeFlag:0,w=f.children,{patchFlag:T,shapeFlag:A}=f;if(T>0){if(T&128){jt(_,w,d,b,h,m,C,x,y);return}else if(T&256){ze(_,w,d,b,h,m,C,x,y);return}}A&8?(S&16&&_t(_,h,m),w!==_&&a(d,w)):S&16?A&16?jt(_,w,d,b,h,m,C,x,y):_t(_,h,m,!0):(S&8&&a(d,""),A&16&&He(w,d,b,h,m,C,x,y))},ze=(o,f,d,b,h,m,C,x,y)=>{o=o||ft,f=f||ft;const _=o.length,S=f.length,w=Math.min(_,S);let T;for(T=0;TS?_t(o,h,m,!0,!1,w):He(f,d,b,h,m,C,x,y,w)},jt=(o,f,d,b,h,m,C,x,y)=>{let _=0;const S=f.length;let w=o.length-1,T=S-1;for(;_<=w&&_<=T;){const A=o[_],R=f[_]=y?Ve(f[_]):Oe(f[_]);if(Ct(A,R))F(A,R,d,null,h,m,C,x,y);else break;_++}for(;_<=w&&_<=T;){const A=o[w],R=f[T]=y?Ve(f[T]):Oe(f[T]);if(Ct(A,R))F(A,R,d,null,h,m,C,x,y);else break;w--,T--}if(_>w){if(_<=T){const A=T+1,R=AT)for(;_<=w;)Te(o[_],h,m,!0),_++;else{const A=_,R=_,U=new Map;for(_=R;_<=T;_++){const he=f[_]=y?Ve(f[_]):Oe(f[_]);he.key!=null&&U.set(he.key,_)}let N,de=0;const X=T-R+1;let ve=!1,pe=0;const yt=new Array(X);for(_=0;_=X){Te(he,h,m,!0);continue}let Se;if(he.key!=null)Se=U.get(he.key);else for(N=R;N<=T;N++)if(yt[N-R]===0&&Ct(he,f[N])){Se=N;break}Se===void 0?Te(he,h,m,!0):(yt[Se-R]=_+1,Se>=pe?pe=Se:ve=!0,F(he,f[Se],d,null,h,m,C,x,y),de++)}const hs=ve?Al(yt):ft;for(N=hs.length-1,_=X-1;_>=0;_--){const he=R+_,Se=f[he],gs=he+1{const{el:m,type:C,transition:x,children:y,shapeFlag:_}=o;if(_&6){Ye(o.component.subTree,f,d,b);return}if(_&128){o.suspense.move(f,d,b);return}if(_&64){C.move(o,f,d,vt);return}if(C===be){s(m,f,d);for(let w=0;wx.enter(m),h);else{const{leave:w,delayLeave:T,afterLeave:A}=x,R=()=>s(m,f,d),U=()=>{w(m,()=>{R(),A&&A()})};T?T(m,R,U):U()}else s(m,f,d)},Te=(o,f,d,b=!1,h=!1)=>{const{type:m,props:C,ref:x,children:y,dynamicChildren:_,shapeFlag:S,patchFlag:w,dirs:T,cacheIndex:A}=o;if(w===-2&&(h=!1),x!=null&&Rn(x,null,d,o,!0),A!=null&&(f.renderCache[A]=void 0),S&256){f.ctx.deactivate(o);return}const R=S&1&&T,U=!dt(o);let N;if(U&&(N=C&&C.onVnodeBeforeUnmount)&&Ee(N,f,o),S&6)Xr(o.component,d,b);else{if(S&128){o.suspense.unmount(d,b);return}R&&Ze(o,null,f,"beforeUnmount"),S&64?o.type.remove(o,f,d,vt,b):_&&!_.hasOnce&&(m!==be||w>0&&w&64)?_t(_,f,d,!1,!0):(m===be&&w&384||!h&&S&16)&&_t(y,f,d),b&&cs(o)}(U&&(N=C&&C.onVnodeUnmounted)||R)&&ge(()=>{N&&Ee(N,f,o),R&&Ze(o,null,f,"unmounted")},d)},cs=o=>{const{type:f,el:d,anchor:b,transition:h}=o;if(f===be){Zr(d,b);return}if(f===En){E(o);return}const m=()=>{r(d),h&&!h.persisted&&h.afterLeave&&h.afterLeave()};if(o.shapeFlag&1&&h&&!h.persisted){const{leave:C,delayLeave:x}=h,y=()=>C(d,m);x?x(o.el,m,y):y()}else m()},Zr=(o,f)=>{let d;for(;o!==f;)d=v(o),r(o),o=d;r(f)},Xr=(o,f,d)=>{const{bum:b,scope:h,job:m,subTree:C,um:x,m:y,a:_}=o;Ps(y),Ps(_),b&&_n(b),h.stop(),m&&(m.flags|=8,Te(C,o,f,d)),x&&ge(x,f),ge(()=>{o.isUnmounted=!0},f),f&&f.pendingBranch&&!f.isUnmounted&&o.asyncDep&&!o.asyncResolved&&o.suspenseId===f.pendingId&&(f.deps--,f.deps===0&&f.resolve())},_t=(o,f,d,b=!1,h=!1,m=0)=>{for(let C=m;C{if(o.shapeFlag&6)return Vt(o.component.subTree);if(o.shapeFlag&128)return o.suspense.next();const f=v(o.anchor||o.el),d=f&&f[Ji];return d?v(d):f};let mn=!1;const as=(o,f,d)=>{o==null?f._vnode&&Te(f._vnode,null,null,!0):F(f._vnode||null,o,f,null,null,null,d),f._vnode=o,mn||(mn=!0,ws(),mr(),mn=!1)},vt={p:F,um:Te,m:Ye,r:cs,mt:gn,mc:He,pc:B,pbc:Je,n:Vt,o:e};let ds,ps;return{render:as,hydrate:ds,createApp:bl(as,ds)}}function wn({type:e,props:t},n){return n==="svg"&&e==="foreignObject"||n==="mathml"&&e==="annotation-xml"&&t&&t.encoding&&t.encoding.includes("html")?void 0:n}function Xe({effect:e,job:t},n){n?(e.flags|=32,t.flags|=4):(e.flags&=-33,t.flags&=-5)}function El(e,t){return(!e||e&&!e.pendingBranch)&&t&&!t.persisted}function Nr(e,t,n=!1){const s=e.children,r=t.children;if(L(s)&&L(r))for(let i=0;i>1,e[n[u]]0&&(t[s]=n[i-1]),n[i]=s)}}for(i=n.length,l=n[i-1];i-- >0;)n[i]=l,l=t[l];return n}function $r(e){const t=e.subTree.component;if(t)return t.asyncDep&&!t.asyncResolved?t:$r(t)}function Ps(e){if(e)for(let t=0;tae(Ol);function Tn(e,t,n){return jr(e,t,n)}function jr(e,t,n=W){const{immediate:s,deep:r,flush:i,once:l}=n,u=k({},n);let c;if(hn)if(i==="sync"){const v=Ll();c=v.__watcherHandles||(v.__watcherHandles=[])}else if(!t||s)u.once=!0;else{const v=()=>{};return v.stop=Le,v.resume=Le,v.pause=Le,v}const p=Q;u.call=(v,O,D)=>Pe(v,p,O,D);let a=!1;i==="post"?u.scheduler=v=>{ge(v,p&&p.suspense)}:i!=="sync"&&(a=!0,u.scheduler=(v,O)=>{O?v():es(v)}),u.augmentJob=v=>{t&&(v.flags|=4),a&&(v.flags|=2,p&&(v.id=p.uid,v.i=p))};const g=Ui(e,t,u);return c&&c.push(g),g}function Pl(e,t,n){const s=this.proxy,r=z(e)?e.includes(".")?Vr(s,e):()=>s[e]:e.bind(s,s);let i;I(t)?i=t:(i=t.handler,n=t);const l=Dt(this),u=jr(r,i.bind(s),n);return l(),u}function Vr(e,t){const n=t.split(".");return()=>{let s=e;for(let r=0;rt==="modelValue"||t==="model-value"?e.modelModifiers:e[`${t}Modifiers`]||e[`${Ce(t)}Modifiers`]||e[`${it(t)}Modifiers`];function Ml(e,t,...n){if(e.isUnmounted)return;const s=e.vnode.props||W;let r=n;const i=t.startsWith("update:"),l=i&&Il(s,t.slice(7));l&&(l.trim&&(r=n.map(a=>z(a)?a.trim():a)),l.number&&(r=n.map(li)));let u,c=s[u=bn(t)]||s[u=bn(Ce(t))];!c&&i&&(c=s[u=bn(it(t))]),c&&Pe(c,e,6,r);const p=s[u+"Once"];if(p){if(!e.emitted)e.emitted={};else if(e.emitted[u])return;e.emitted[u]=!0,Pe(p,e,6,r)}}function Br(e,t,n=!1){const s=t.emitsCache,r=s.get(e);if(r!==void 0)return r;const i=e.emits;let l={},u=!1;if(!I(e)){const c=p=>{const a=Br(p,t,!0);a&&(u=!0,k(l,a))};!n&&t.mixins.length&&t.mixins.forEach(c),e.extends&&c(e.extends),e.mixins&&e.mixins.forEach(c)}return!i&&!u?(Y(e)&&s.set(e,null),null):(L(i)?i.forEach(c=>l[c]=null):k(l,i),Y(e)&&s.set(e,l),l)}function dn(e,t){return!e||!tn(t)?!1:(t=t.slice(2).replace(/Once$/,""),H(e,t[0].toLowerCase()+t.slice(1))||H(e,it(t))||H(e,t))}function Sn(e){const{type:t,vnode:n,proxy:s,withProxy:r,propsOptions:[i],slots:l,attrs:u,emit:c,render:p,renderCache:a,props:g,data:v,setupState:O,ctx:D,inheritAttrs:F}=e,te=Xt(e);let V,G;try{if(n.shapeFlag&4){const E=r||s,Z=E;V=Oe(p.call(Z,E,a,g,O,v,D)),G=u}else{const E=t;V=Oe(E.length>1?E(g,{attrs:u,slots:l,emit:c}):E(g,null)),G=t.props?u:Rl(u)}}catch(E){At.length=0,cn(E,e,1),V=P(Ke)}let J=V;if(G&&F!==!1){const E=Object.keys(G),{shapeFlag:Z}=J;E.length&&Z&7&&(i&&E.some(Bn)&&(G=Fl(G,i)),J=gt(J,G,!1,!0))}return n.dirs&&(J=gt(J,null,!1,!0),J.dirs=J.dirs?J.dirs.concat(n.dirs):n.dirs),n.transition&&ts(J,n.transition),V=J,Xt(te),V}const Rl=e=>{let t;for(const n in e)(n==="class"||n==="style"||tn(n))&&((t||(t={}))[n]=e[n]);return t},Fl=(e,t)=>{const n={};for(const s in e)(!Bn(s)||!(s.slice(9)in t))&&(n[s]=e[s]);return n};function Dl(e,t,n){const{props:s,children:r,component:i}=e,{props:l,children:u,patchFlag:c}=t,p=i.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&c>=0){if(c&1024)return!0;if(c&16)return s?Is(s,l,p):!!l;if(c&8){const a=t.dynamicProps;for(let g=0;ge.__isSuspense;function Nl(e,t){t&&t.pendingBranch?L(e)?t.effects.push(...e):t.effects.push(e):Gi(e)}const be=Symbol.for("v-fgt"),pn=Symbol.for("v-txt"),Ke=Symbol.for("v-cmt"),En=Symbol.for("v-stc"),At=[];let _e=null;function ue(e=!1){At.push(_e=e?null:[])}function $l(){At.pop(),_e=At[At.length-1]||null}let Mt=1;function Ms(e){Mt+=e,e<0&&_e&&(_e.hasOnce=!0)}function Kr(e){return e.dynamicChildren=Mt>0?_e||ft:null,$l(),Mt>0&&_e&&_e.push(e),e}function nt(e,t,n,s,r,i){return Kr($(e,t,n,s,r,i,!0))}function We(e,t,n,s,r){return Kr(P(e,t,n,s,r,!0))}function rs(e){return e?e.__v_isVNode===!0:!1}function Ct(e,t){return e.type===t.type&&e.key===t.key}const Wr=({key:e})=>e??null,zt=({ref:e,ref_key:t,ref_for:n})=>(typeof e=="number"&&(e=""+e),e!=null?z(e)||oe(e)||I(e)?{i:le,r:e,k:t,f:!!n}:e:null);function $(e,t=null,n=null,s=0,r=null,i=e===be?0:1,l=!1,u=!1){const c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Wr(t),ref:t&&zt(t),scopeId:_r,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetStart:null,targetAnchor:null,staticCount:0,shapeFlag:i,patchFlag:s,dynamicProps:r,dynamicChildren:null,appContext:null,ctx:le};return u?(ls(c,n),i&128&&e.normalize(c)):n&&(c.shapeFlag|=z(n)?8:16),Mt>0&&!l&&_e&&(c.patchFlag>0||i&6)&&c.patchFlag!==32&&_e.push(c),c}const P=jl;function jl(e,t=null,n=null,s=0,r=null,i=!1){if((!e||e===wr)&&(e=Ke),rs(e)){const u=gt(e,t,!0);return n&&ls(u,n),Mt>0&&!i&&_e&&(u.shapeFlag&6?_e[_e.indexOf(e)]=u:_e.push(u)),u.patchFlag=-2,u}if(zl(e)&&(e=e.__vccOpts),t){t=qr(t);let{class:u,style:c}=t;u&&!z(u)&&(t.class=on(u)),Y(c)&&(Xn(c)&&!L(c)&&(c=k({},c)),t.style=ln(c))}const l=z(e)?1:Ur(e)?128:zi(e)?64:Y(e)?4:I(e)?2:0;return $(e,t,n,s,r,l,i,!0)}function qr(e){return e?Xn(e)||Pr(e)?k({},e):e:null}function gt(e,t,n=!1,s=!1){const{props:r,ref:i,patchFlag:l,children:u,transition:c}=e,p=t?kt(r||{},t):r,a={__v_isVNode:!0,__v_skip:!0,type:e.type,props:p,key:p&&Wr(p),ref:t&&t.ref?n&&i?L(i)?i.concat(zt(t)):[i,zt(t)]:zt(t):i,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:u,target:e.target,targetStart:e.targetStart,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==be?l===-1?16:l|16:l,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:c,component:e.component,suspense:e.suspense,ssContent:e.ssContent&>(e.ssContent),ssFallback:e.ssFallback&>(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce};return c&&s&&ts(a,c.clone(a)),a}function re(e=" ",t=0){return P(pn,null,e,t)}function is(e="",t=!1){return t?(ue(),We(Ke,null,e)):P(Ke,null,e)}function Oe(e){return e==null||typeof e=="boolean"?P(Ke):L(e)?P(be,null,e.slice()):rs(e)?Ve(e):P(pn,null,String(e))}function Ve(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:gt(e)}function ls(e,t){let n=0;const{shapeFlag:s}=e;if(t==null)t=null;else if(L(t))n=16;else if(typeof t=="object")if(s&65){const r=t.default;r&&(r._c&&(r._d=!1),ls(e,r()),r._c&&(r._d=!0));return}else{n=32;const r=t._;!r&&!Pr(t)?t._ctx=le:r===3&&le&&(le.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else I(t)?(t={default:t,_ctx:le},n=32):(t=String(t),s&64?(n=16,t=[re(t)]):n=8);e.children=t,e.shapeFlag|=n}function kt(...e){const t={};for(let n=0;n{let r;return(r=e[n])||(r=e[n]=[]),r.push(s),i=>{r.length>1?r.forEach(l=>l(i)):r[0](i)}};en=t("__VUE_INSTANCE_SETTERS__",n=>Q=n),$n=t("__VUE_SSR_SETTERS__",n=>hn=n)}const Dt=e=>{const t=Q;return en(e),e.scope.on(),()=>{e.scope.off(),en(t)}},Rs=()=>{Q&&Q.scope.off(),en(null)};function Gr(e){return e.vnode.shapeFlag&4}let hn=!1;function Kl(e,t=!1,n=!1){t&&$n(t);const{props:s,children:r}=e.vnode,i=Gr(e);_l(e,s,i,t),Cl(e,r,n);const l=i?Wl(e,t):void 0;return t&&$n(!1),l}function Wl(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=new Proxy(e.ctx,cl);const{setup:s}=n;if(s){const r=e.setupContext=s.length>1?Gl(e):null,i=Dt(e);qe();const l=Ft(s,e,0,[e.props,r]);if(Ge(),i(),Js(l)){if(dt(e)||vr(e),l.then(Rs,Rs),t)return l.then(u=>{Fs(e,u,t)}).catch(u=>{cn(u,e,0)});e.asyncDep=l}else Fs(e,l,t)}else Jr(e,t)}function Fs(e,t,n){I(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:Y(t)&&(e.setupState=pr(t)),Jr(e,n)}let Ds;function Jr(e,t,n){const s=e.type;if(!e.render){if(!t&&Ds&&!s.render){const r=s.template||ns(e).template;if(r){const{isCustomElement:i,compilerOptions:l}=e.appContext.config,{delimiters:u,compilerOptions:c}=s,p=k(k({isCustomElement:i,delimiters:u},l),c);s.render=Ds(r,p)}}e.render=s.render||Le}{const r=Dt(e);qe();try{al(e)}finally{Ge(),r()}}}const ql={get(e,t){return ee(e,"get",""),e[t]}};function Gl(e){const t=n=>{e.exposed=n||{}};return{attrs:new Proxy(e.attrs,ql),slots:e.slots,emit:e.emit,expose:t}}function os(e){return e.exposed?e.exposeProxy||(e.exposeProxy=new Proxy(pr(Ni(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in Et)return Et[n](e)},has(t,n){return n in t||n in Et}})):e.proxy}function Jl(e,t=!0){return I(e)?e.displayName||e.name:e.name||t&&e.__name}function zl(e){return I(e)&&"__vccOpts"in e}const Rt=(e,t)=>Vi(e,t,hn),Yl="3.5.9";/** -* @vue/runtime-dom v3.5.9 -* (c) 2018-present Yuxi (Evan) You and Vue contributors -* @license MIT -**/let jn;const Hs=typeof window<"u"&&window.trustedTypes;if(Hs)try{jn=Hs.createPolicy("vue",{createHTML:e=>e})}catch{}const zr=jn?e=>jn.createHTML(e):e=>e,Zl="http://www.w3.org/2000/svg",Xl="http://www.w3.org/1998/Math/MathML",Me=typeof document<"u"?document:null,Ns=Me&&Me.createElement("template"),Ql={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,s)=>{const r=t==="svg"?Me.createElementNS(Zl,e):t==="mathml"?Me.createElementNS(Xl,e):n?Me.createElement(e,{is:n}):Me.createElement(e);return e==="select"&&s&&s.multiple!=null&&r.setAttribute("multiple",s.multiple),r},createText:e=>Me.createTextNode(e),createComment:e=>Me.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Me.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,n,s,r,i){const l=n?n.previousSibling:t.lastChild;if(r&&(r===i||r.nextSibling))for(;t.insertBefore(r.cloneNode(!0),n),!(r===i||!(r=r.nextSibling)););else{Ns.innerHTML=zr(s==="svg"?`${e}`:s==="mathml"?`${e}`:e);const u=Ns.content;if(s==="svg"||s==="mathml"){const c=u.firstChild;for(;c.firstChild;)u.appendChild(c.firstChild);u.removeChild(c)}t.insertBefore(u,n)}return[l?l.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},kl=Symbol("_vtc");function eo(e,t,n){const s=e[kl];s&&(t=(t?[t,...s]:[...s]).join(" ")),t==null?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}const $s=Symbol("_vod"),to=Symbol("_vsh"),no=Symbol(""),so=/(^|;)\s*display\s*:/;function ro(e,t,n){const s=e.style,r=z(n);let i=!1;if(n&&!r){if(t)if(z(t))for(const l of t.split(";")){const u=l.slice(0,l.indexOf(":")).trim();n[u]==null&&Yt(s,u,"")}else for(const l in t)n[l]==null&&Yt(s,l,"");for(const l in n)l==="display"&&(i=!0),Yt(s,l,n[l])}else if(r){if(t!==n){const l=s[no];l&&(n+=";"+l),s.cssText=n,i=so.test(n)}}else t&&e.removeAttribute("style");$s in e&&(e[$s]=i?s.display:"",e[to]&&(s.display="none"))}const js=/\s*!important$/;function Yt(e,t,n){if(L(n))n.forEach(s=>Yt(e,t,s));else if(n==null&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const s=io(e,t);js.test(n)?e.setProperty(it(s),n.replace(js,""),"important"):e[s]=n}}const Vs=["Webkit","Moz","ms"],An={};function io(e,t){const n=An[t];if(n)return n;let s=Ce(t);if(s!=="filter"&&s in e)return An[t]=s;s=rn(s);for(let r=0;rOn||(ao.then(()=>On=0),On=Date.now());function ho(e,t){const n=s=>{if(!s._vts)s._vts=Date.now();else if(s._vts<=n.attached)return;Pe(go(s,n.value),t,5,[s])};return n.value=e,n.attached=po(),n}function go(e,t){if(L(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(s=>r=>!r._stopped&&s&&s(r))}else return t}const qs=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,mo=(e,t,n,s,r,i)=>{const l=r==="svg";t==="class"?eo(e,s,l):t==="style"?ro(e,n,s):tn(t)?Bn(t)||fo(e,t,n,s,i):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):bo(e,t,s,l))?(lo(e,t,s),!e.tagName.includes("-")&&(t==="value"||t==="checked"||t==="selected")&&Us(e,t,s,l,i,t!=="value")):(t==="true-value"?e._trueValue=s:t==="false-value"&&(e._falseValue=s),Us(e,t,s,l))};function bo(e,t,n,s){if(s)return!!(t==="innerHTML"||t==="textContent"||t in e&&qs(t)&&I(n));if(t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA")return!1;if(t==="width"||t==="height"){const r=e.tagName;if(r==="IMG"||r==="VIDEO"||r==="CANVAS"||r==="SOURCE")return!1}return qs(t)&&z(n)?!1:!!(t in e||e._isVueCE&&(/[A-Z]/.test(t)||!z(n)))}const _o=k({patchProp:mo},Ql);let Gs;function vo(){return Gs||(Gs=Tl(_o))}const yo=(...e)=>{const t=vo().createApp(...e),{mount:n}=t;return t.mount=s=>{const r=Co(s);if(!r)return;const i=t._component;!I(i)&&!i.render&&!i.template&&(i.template=r.innerHTML),r.nodeType===1&&(r.textContent="");const l=n(r,!1,xo(r));return r instanceof Element&&(r.removeAttribute("v-cloak"),r.setAttribute("data-v-app","")),l},t};function xo(e){if(e instanceof SVGElement)return"svg";if(typeof MathMLElement=="function"&&e instanceof MathMLElement)return"mathml"}function Co(e){return z(e)?document.querySelector(e):e}function wo({tag:e}={}){const t=ae("parentLevel",1)+1,n=ae("rootLevel",1),s=Rt(()=>To(t-n)),r=Rt(()=>e||`h${s.value}`);return{currentLevel:s,currentTag:r}}const To=e=>Math.max(1,Math.min(e,6)),us=(e,t)=>{const n=e.__vccOpts||e;for(const[s,r]of t)n[s]=r;return n},So={inheritAttrs:!1,props:{abstract:{type:Boolean,default:!1},tag:{type:String,default:null}},setup(){const{parentLevel:e,currentLevel:t,currentTag:n}=wo();return{parentLevel:e,currentLevel:t,currentTag:n}}};function Eo(e,t,n,s,r,i){return n.abstract?rt(e.$slots,"default",{key:1,currentTag:s.currentTag,parentLevel:s.parentLevel,currentLevel:s.currentLevel}):(ue(),We(Tr(s.currentTag),Jt(kt({key:0},e.$attrs)),{default:M(()=>[rt(e.$slots,"default",{currentTag:s.currentTag,parentLevel:s.parentLevel,currentLevel:s.currentLevel})]),_:3},16))}const Ao=us(So,[["render",Eo]]),Oo=["data-debug-current-level"],fe={__name:"DebugHeadline",setup(e){const t=ae("debugHeadings",!1);return(n,s)=>(ue(),We(Ao,{"data-debug":Ue(t)?"headline":void 0},{default:M(({currentLevel:r})=>[rt(n.$slots,"default"),Ue(t)?(ue(),nt("pre",{key:0,"data-debug-current-level":r},null,8,Oo)):is("",!0)]),_:3},8,["data-debug"]))}},Lo=["href","aria-label","title","target"],Po={__name:"GithubCorner",props:{title:{type:String,default:"View source on GitHub"},target:{type:String,default:"_blank"},url:{type:String,default:"https://your-url"}},setup(e){return(t,n)=>(ue(),nt("a",{class:"atom-github-corner",href:e.url,"aria-label":e.title,title:e.title,target:e.target,rel:"noopener"},n[0]||(n[0]=[$("svg",{width:"80",height:"80",viewBox:"0 0 250 250","aria-hidden":"true"},[$("path",{d:"M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"}),$("path",{d:"M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2",fill:"currentColor",style:{"transform-origin":"130px 106px"},class:"octo-arm"}),$("path",{d:"M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z",fill:"currentColor",class:"octo-body"})],-1)]),8,Lo))}},Io=us(Po,[["__scopeId","data-v-b4f2224c"]]);function Mo({tag:e,contentTags:t,rootTags:n,level:s}={}){e=e||null,n=n||ae("rootTags",["main"]),t=t||ae("contentTags",["article","section"]),s=s||void 0,et("rootTags",n),et("contentTags",t);const r=ae("parentLevel",0),i=Rt(()=>s!==void 0?s:r+1),l=Rt(()=>e||(Number(r)in n?n[Number(r)]:t[i.value%t.length]));return et("rootLevel",n.length),et("parentLevel",i.value),{parentLevel:r,currentLevel:i,currentTag:l}}const Ro={inheritAttrs:!1,props:{abstract:{type:Boolean,default:!1},tag:{type:String,default:null},rootTags:{type:Array,default(){return ae("rootTags",["main"])}},contentTags:{type:Array,default(){return ae("contentTags",["article","section"])}},level:{type:Number,default:void 0}},setup(e){const{parentLevel:t,currentLevel:n,currentTag:s}=Mo(e);return{parentLevel:t,currentLevel:n,currentTag:s}}};function Fo(e,t,n,s,r,i){return!n.abstract&&s.currentTag?(ue(),We(Tr(s.currentTag),Jt(kt({key:0},e.$attrs)),{default:M(()=>[rt(e.$slots,"default",Jt(qr({parentLevel:s.parentLevel,currentLevel:s.currentLevel,currentTag:s.currentTag})))]),_:3},16)):rt(e.$slots,"default",Jt(kt({key:1},{parentLevel:s.parentLevel,currentLevel:s.currentLevel,currentTag:s.currentTag})))}const Yr=us(Ro,[["render",Fo]]),Do=["data-debug-parent-level","data-debug-current-level","data-debug-current-tag"],$e={__name:"DebugArticleContentContainer",props:{debug:{type:Boolean,default:!1}},setup(e){const t=e,n=t.debug||ae("debugHeadings",t.debug);return et("debugHeadings",n),(s,r)=>(ue(),We(Yr,{rootTags:["main","article"],"data-debug":Ue(n)?"container":void 0},{default:M(({parentLevel:i,currentLevel:l,currentTag:u})=>[rt(s.$slots,"default"),Ue(n)?(ue(),nt("pre",{key:0,class:"structure-debug","data-debug-parent-level":i,"data-debug-current-level":l,"data-debug-current-tag":u},null,8,Do)):is("",!0)]),_:3},8,["data-debug"]))}},Ho=["data-debug-parent-level","data-debug-current-level","data-debug-current-tag"],Qe={__name:"DebugContainer",props:{debug:{type:Boolean,default:!1}},setup(e){const t=e,n=t.debug||ae("debugHeadings",t.debug);return et("debugHeadings",n),(s,r)=>(ue(),We(Yr,{"data-debug":Ue(n)?"container":void 0},{default:M(({parentLevel:i,currentLevel:l,currentTag:u})=>[rt(s.$slots,"default"),Ue(n)?(ue(),nt("pre",{key:0,class:"structure-debug","data-debug-parent-level":i,"data-debug-current-level":l,"data-debug-current-tag":u},null,8,Ho)):is("",!0)]),_:3},8,["data-debug"]))}},No={class:"gallery columns-4"},$o={class:"columns-3"},jo={class:"columns-3"},Vo={__name:"App",setup(e){const t="https://github.com/basics/vue-semantic-structure";return(n,s)=>(ue(),nt("div",null,[P(Qe,{debug:""},{default:M(()=>[$("header",null,[P(fe,null,{default:M(()=>s[0]||(s[0]=[re("Stage")])),_:1}),s[1]||(s[1]=$("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam… ",-1)),s[2]||(s[2]=$("pre",{class:"structure-debug","data-debug-current-tag":"header"},null,-1))]),P(Qe,null,{default:M(()=>[P(fe,null,{default:M(()=>s[3]||(s[3]=[re("Text Component")])),_:1}),s[4]||(s[4]=$("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. ",-1))]),_:1}),P(Qe,null,{default:M(()=>[P(fe,null,{default:M(()=>s[5]||(s[5]=[re("Gallery Component")])),_:1}),s[6]||(s[6]=$("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam. ",-1)),$("div",No,[(ue(!0),nt(be,null,fl(Array(4),(r,i)=>(ue(),nt("div",{key:i}))),128))])]),_:1}),P(Qe,null,{default:M(()=>[P(fe,null,{default:M(()=>s[7]||(s[7]=[re("Teasers Component")])),_:1}),$("div",$o,[P(Qe,null,{default:M(()=>[P(fe,null,{default:M(()=>s[8]||(s[8]=[re("Teaser 1")])),_:1}),s[9]||(s[9]=$("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. ",-1))]),_:1}),P(Qe,null,{default:M(()=>[P(fe,null,{default:M(()=>s[10]||(s[10]=[re("Teaser 2")])),_:1}),s[11]||(s[11]=$("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. ",-1))]),_:1}),P(Qe,null,{default:M(()=>[P(fe,null,{default:M(()=>s[12]||(s[12]=[re("Teaser 3")])),_:1}),s[13]||(s[13]=$("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. ",-1))]),_:1})])]),_:1})]),_:1}),s[27]||(s[27]=$("hr",null,null,-1)),P($e,{debug:""},{default:M(()=>[P($e,null,{default:M(()=>[$("header",null,[P(fe,null,{default:M(()=>s[14]||(s[14]=[re("Article Title")])),_:1}),s[15]||(s[15]=$("pre",{class:"structure-debug","data-debug-current-tag":"header"},null,-1))]),P($e,null,{default:M(()=>[$("div",null,[P(fe,null,{default:M(()=>s[16]||(s[16]=[re("Introduction")])),_:1}),s[17]||(s[17]=$("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. ",-1))])]),_:1}),P($e,null,{default:M(()=>[$("div",null,[P(fe,null,{default:M(()=>s[18]||(s[18]=[re("Description")])),_:1}),s[19]||(s[19]=$("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. ",-1))])]),_:1}),P($e,null,{default:M(()=>[$("div",null,[P(fe,null,{default:M(()=>s[20]||(s[20]=[re("More Articles")])),_:1})]),$("div",jo,[P($e,null,{default:M(()=>[P(fe,null,{default:M(()=>s[21]||(s[21]=[re("Article 1")])),_:1}),s[22]||(s[22]=$("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. ",-1))]),_:1}),P($e,null,{default:M(()=>[P(fe,null,{default:M(()=>s[23]||(s[23]=[re("Article 2")])),_:1}),s[24]||(s[24]=$("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. ",-1))]),_:1}),P($e,null,{default:M(()=>[P(fe,null,{default:M(()=>s[25]||(s[25]=[re("Article 3")])),_:1}),s[26]||(s[26]=$("p",null," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. ",-1))]),_:1})])]),_:1})]),_:1})]),_:1}),P(Io,{url:Ue(t)},null,8,["url"])]))}};yo(Vo).mount("#app"); diff --git a/playground/index.html b/playground/index.html index a04a172..bc40311 100644 --- a/playground/index.html +++ b/playground/index.html @@ -5,7 +5,7 @@ Vite + Vue - + diff --git a/setup.html b/setup.html index 54c8151..4b66df3 100644 --- a/setup.html +++ b/setup.html @@ -11,7 +11,7 @@ - + @@ -23,8 +23,8 @@ -

Appearance

Setup ​

Installation ​

Install vue-semantic-structure as a dependency to your project:

bash
yarn add vue-semantic-structure@next
bash
npm install vue-semantic-structure@next
bash
pnpm add vue-semantic-structure@next
- +

Appearance

Setup ​

Installation ​

Install vue-semantic-structure as a dependency to your project:

bash
yarn add vue-semantic-structure@next
bash
npm install vue-semantic-structure@next
bash
pnpm add vue-semantic-structure@next
+ \ No newline at end of file diff --git a/usage.html b/usage.html index 054449f..6ccac45 100644 --- a/usage.html +++ b/usage.html @@ -11,7 +11,7 @@ - + @@ -23,7 +23,7 @@ -

Appearance

Usage ​

The standard behavior of vue-semantic-structure defines the most common approach for the use of HTML structure components.

In this structure, the main content contains different modules (example: Stage (Hero), Text-Image, Gallery, etc.).

The main structure is in the <main> tag, which contains the main components.

vue
<template>
+    
Appearance
Usage ​
The standard behavior of vue-semantic-structure defines the most common approach for the use of HTML structure components.
In this structure, the main content contains different modules (example: Stage (Hero), Text-Image, Gallery, etc.).
The main structure is in the <main> tag, which contains the main components.
vue
<template>
   <ContentContainer>
     <header class="hero">…</header>
     <ContentContainer class="text-image">…</ContentContainer>
@@ -32,7 +32,7 @@
 </template>
 
 <script setup>
-import ContentContainer from 'vue-semantic-structure/ContentContainer.vue';
+import { ContentContainer } from 'vue-semantic-structure';
 </script>
html
<main>
   <header class="hero">…</header>
   <article class="text-image">…</article>
@@ -44,8 +44,8 @@
 </template>
 
 <script setup>
-import ContentContainer from 'vue-semantic-structure/ContentContainer.vue';
-</script>
In comparison to the basic application, the entire content is enclosed in another CustomContentContainer (e.g. ContentContainer), which represents the <article> tag.
vue
<template>
+import { ContentContainer } from 'vue-semantic-structure';
+</script>
In comparison to the basic application, the entire content is enclosed in another CustomContentContainer (e.g. ContentContainer), which represents the <article> tag.
vue
<template>
   <CustomContentContainer>
     <CustomContentContainer>
       <header class="hero">…</header>
@@ -56,7 +56,7 @@
 </template>
 
 <script setup>
-import ContentContainer from 'vue-semantic-structure/ContentContainer.vue';
+import { ContentContainer } from 'vue-semantic-structure';
 </script>
html
<main>
   <article>
     <header class="hero">…</header>
@@ -64,7 +64,7 @@
     <section class="gallery">…</section>
   </article>
 </main>

-    
+    
     
   
 
\ No newline at end of file