From f8613f8bc6bf204331159a1a76eda8ef268c5947 Mon Sep 17 00:00:00 2001 From: ThornWalli Date: Wed, 25 Sep 2024 10:10:20 +0000 Subject: [PATCH] deploy: cd2154eee1f15e7690d360c40e594218d9cb227d --- 404.html | 2 +- assets/{setup.md.ROp09nun.js => setup.md.DHz1EEoY.js} | 2 +- ...etup.md.ROp09nun.lean.js => setup.md.DHz1EEoY.lean.js} | 2 +- assets/{usage.md.TiQl7vbn.js => usage.md.BZAS9CWW.js} | 4 ++-- ...sage.md.TiQl7vbn.lean.js => usage.md.BZAS9CWW.lean.js} | 4 ++-- components/content-container.html | 2 +- components/content-headline.html | 2 +- composables/use-content-container.html | 2 +- composables/use-content-headline.html | 2 +- hashmap.json | 2 +- index.html | 2 +- introduction.html | 2 +- setup.html | 6 +++--- usage.html | 8 ++++---- 14 files changed, 21 insertions(+), 21 deletions(-) rename assets/{setup.md.ROp09nun.js => setup.md.DHz1EEoY.js} (88%) rename assets/{setup.md.ROp09nun.lean.js => setup.md.DHz1EEoY.lean.js} (88%) rename assets/{usage.md.TiQl7vbn.js => usage.md.BZAS9CWW.js} (97%) rename assets/{usage.md.TiQl7vbn.lean.js => usage.md.BZAS9CWW.lean.js} (97%) diff --git a/404.html b/404.html index 20820f6..15b5f5d 100644 --- a/404.html +++ b/404.html @@ -21,7 +21,7 @@
- + \ No newline at end of file diff --git a/assets/setup.md.ROp09nun.js b/assets/setup.md.DHz1EEoY.js similarity index 88% rename from assets/setup.md.ROp09nun.js rename to assets/setup.md.DHz1EEoY.js index 03e9ffd..bb163da 100644 --- a/assets/setup.md.ROp09nun.js +++ b/assets/setup.md.DHz1EEoY.js @@ -1 +1 @@ -import{_ as e,c as i,j as t,a as n,t as l,a0 as p,o as r}from"./chunks/framework.C0vACUSd.js";const m=JSON.parse('{"title":"Setup","description":"","frontmatter":{"title":"Setup"},"headers":[],"relativePath":"setup.md","filePath":"setup.md"}'),d={name:"setup.md"},o={id:"frontmatter-title",tabindex:"-1"};function h(s,a,c,u,k,b){return r(),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
bash
npm install vue-semantic-structure
bash
pnpm add vue-semantic-structure
',3))])}const v=e(d,[["render",h]]);export{m as __pageData,v as default}; +import{_ as e,c as i,j as t,a as n,t as l,a0 as p,o as r}from"./chunks/framework.C0vACUSd.js";const m=JSON.parse('{"title":"Setup","description":"","frontmatter":{"title":"Setup"},"headers":[],"relativePath":"setup.md","filePath":"setup.md"}'),d={name:"setup.md"},o={id:"frontmatter-title",tabindex:"-1"};function h(s,a,c,u,k,b){return r(),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
bash
npm install vue-semantic-structure
bash
pnpm add vue-semantic-structure
',3))])}const v=e(d,[["render",h]]);export{m as __pageData,v as default}; diff --git a/assets/setup.md.ROp09nun.lean.js b/assets/setup.md.DHz1EEoY.lean.js similarity index 88% rename from assets/setup.md.ROp09nun.lean.js rename to assets/setup.md.DHz1EEoY.lean.js index 03e9ffd..bb163da 100644 --- a/assets/setup.md.ROp09nun.lean.js +++ b/assets/setup.md.DHz1EEoY.lean.js @@ -1 +1 @@ -import{_ as e,c as i,j as t,a as n,t as l,a0 as p,o as r}from"./chunks/framework.C0vACUSd.js";const m=JSON.parse('{"title":"Setup","description":"","frontmatter":{"title":"Setup"},"headers":[],"relativePath":"setup.md","filePath":"setup.md"}'),d={name:"setup.md"},o={id:"frontmatter-title",tabindex:"-1"};function h(s,a,c,u,k,b){return r(),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
bash
npm install vue-semantic-structure
bash
pnpm add vue-semantic-structure
',3))])}const v=e(d,[["render",h]]);export{m as __pageData,v as default}; +import{_ as e,c as i,j as t,a as n,t as l,a0 as p,o as r}from"./chunks/framework.C0vACUSd.js";const m=JSON.parse('{"title":"Setup","description":"","frontmatter":{"title":"Setup"},"headers":[],"relativePath":"setup.md","filePath":"setup.md"}'),d={name:"setup.md"},o={id:"frontmatter-title",tabindex:"-1"};function h(s,a,c,u,k,b){return r(),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
bash
npm install vue-semantic-structure
bash
pnpm add vue-semantic-structure
',3))])}const v=e(d,[["render",h]]);export{m as __pageData,v as default}; diff --git a/assets/usage.md.TiQl7vbn.js b/assets/usage.md.BZAS9CWW.js similarity index 97% rename from assets/usage.md.TiQl7vbn.js rename to assets/usage.md.BZAS9CWW.js index 45b69b3..dff8e08 100644 --- a/assets/usage.md.TiQl7vbn.js +++ b/assets/usage.md.BZAS9CWW.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.C0vACUSd.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.C0vACUSd.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>
@@ -16,7 +16,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
 
 <script setup>
 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>
+</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>
diff --git a/assets/usage.md.TiQl7vbn.lean.js b/assets/usage.md.BZAS9CWW.lean.js
similarity index 97%
rename from assets/usage.md.TiQl7vbn.lean.js
rename to assets/usage.md.BZAS9CWW.lean.js
index 45b69b3..dff8e08 100644
--- a/assets/usage.md.TiQl7vbn.lean.js
+++ b/assets/usage.md.BZAS9CWW.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.C0vACUSd.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.C0vACUSd.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>
@@ -16,7 +16,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
 
 <script setup>
 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>
+</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>
diff --git a/components/content-container.html b/components/content-container.html
index 5718d40..14dc917 100644
--- a/components/content-container.html
+++ b/components/content-container.html
@@ -46,7 +46,7 @@
     </section>
   </article>
 </main>

-    
+    
     
   
 
\ No newline at end of file
diff --git a/components/content-headline.html b/components/content-headline.html
index a20e3bd..064dbbb 100644
--- a/components/content-headline.html
+++ b/components/content-headline.html
@@ -46,7 +46,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 69a195f..de6dbb7 100644 --- a/composables/use-content-container.html +++ b/composables/use-content-container.html @@ -35,7 +35,7 @@ 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.
- + \ No newline at end of file diff --git a/composables/use-content-headline.html b/composables/use-content-headline.html index ebf359f..c4a43ac 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 ead12cd..d5e484e 100644 --- a/hashmap.json +++ b/hashmap.json @@ -1 +1 @@ -{"components_content-container.md":"6J3iSeE6","components_content-headline.md":"PcRAk1Tb","composables_use-content-container.md":"CoAJp-8b","composables_use-content-headline.md":"BEAMBmyy","index.md":"B-MRUQnZ","introduction.md":"DvShkobe","setup.md":"ROp09nun","usage.md":"TiQl7vbn"} +{"components_content-container.md":"6J3iSeE6","components_content-headline.md":"PcRAk1Tb","composables_use-content-container.md":"CoAJp-8b","composables_use-content-headline.md":"BEAMBmyy","index.md":"B-MRUQnZ","introduction.md":"DvShkobe","setup.md":"DHz1EEoY","usage.md":"BZAS9CWW"} diff --git a/index.html b/index.html index 2075cfb..a3fee0c 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 f4396e7..877a40c 100644 --- a/introduction.html +++ b/introduction.html @@ -72,7 +72,7 @@ </main> <footer>Footer</footer> </div> - + \ No newline at end of file diff --git a/setup.html b/setup.html index fd850e7..d56f64a 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
bash
npm install vue-semantic-structure
bash
pnpm add vue-semantic-structure
- +

Appearance

Setup ​

Installation ​

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

bash
yarn add vue-semantic-structure
bash
npm install vue-semantic-structure
bash
pnpm add vue-semantic-structure
+ \ No newline at end of file diff --git a/usage.html b/usage.html index 1b0b63c..ff52edf 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>
@@ -41,7 +41,7 @@
 
 <script setup>
 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>
+</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 @@
     <section class="gallery">…</section>
   </article>
 </main>

-    
+    
     
   
 
\ No newline at end of file