Skip to content

Commit 7c203b5

Browse files
ThornWalliThornWalli
committed
fix((update): fix useContentContainer; clean
1 parent 02e7de8 commit 7c203b5

File tree

6 files changed

+40
-66
lines changed

6 files changed

+40
-66
lines changed

‎README.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,8 +25,9 @@ Please follow the [📖   **Documentation**](https://basics.github.io/
2525

2626
## Features
2727

28-
- Automatic heading levels (`h1`, `h2`, `h3`, `h4`, `h5`, `h6`)
29-
- Easy way to build semantic html structure (`main`, `article`, `section`)
28+
- 🚀 Standardize the headline structure on large projects.
29+
- ✨ Automatic heading levels (`h1`, `h2`, `h3`, `h4`, `h5`, `h6`)
30+
- 🏗️ Easy way to build semantic html structure (`main`, `article`, `section`)
3031

3132
📖   [Read more](https://basics.github.io/vue-semantic-structure/)
3233

‎docs/src/index.md

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,9 +16,11 @@ hero:
1616
link: https://basics.github.io/vue-semantic-structure/playground/
1717

1818
features:
19-
- title: Heading
19+
- title: Automated
2020
details: Automatic heading levels (`h1`, `h2`, `h3`, `h4`, `h5`, `h6`)
21-
- title: HTML Container
21+
- title: Standard
22+
details: Standardize the headline structure on large projects.
23+
- title: HTML Structure
2224
details: Easy way to build sematic html structure (`main`, `article`, `section`)
2325
---
2426

‎playground/src/App.vue

Lines changed: 32 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<template>
22
<div>
3-
<BasicContentContainer debug>
3+
<DebugContainer debug>
44
<header>
55
<DebugHeadline>Stage</DebugHeadline>
66
<p>
@@ -9,7 +9,7 @@
99
</p>
1010
<pre class="structure-debug" data-debug-current-tag="header"></pre>
1111
</header>
12-
<BasicContentContainer>
12+
<DebugContainer>
1313
<DebugHeadline>Text Component</DebugHeadline>
1414
<p>
1515
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
@@ -19,8 +19,8 @@
1919
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
2020
takimata sanctus est Lorem ipsum dolor sit amet.
2121
</p>
22-
</BasicContentContainer>
23-
<BasicContentContainer>
22+
</DebugContainer>
23+
<DebugContainer>
2424
<DebugHeadline>Gallery Component</DebugHeadline>
2525
<p>
2626
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
@@ -29,45 +29,45 @@
2929
<div class="gallery columns-4">
3030
<div v-for="(item, index) in Array(4)" :key="index"></div>
3131
</div>
32-
</BasicContentContainer>
33-
<BasicContentContainer>
32+
</DebugContainer>
33+
<DebugContainer>
3434
<DebugHeadline>Teasers Component</DebugHeadline>
3535
<div class="columns-3">
36-
<BasicContentContainer>
36+
<DebugContainer>
3737
<DebugHeadline>Teaser 1</DebugHeadline>
3838
<p>
3939
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
4040
et dolore magna aliquyam erat, sed diam voluptua.
4141
</p>
42-
</BasicContentContainer>
43-
<BasicContentContainer>
42+
</DebugContainer>
43+
<DebugContainer>
4444
<DebugHeadline>Teaser 2</DebugHeadline>
4545
<p>
4646
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
4747
et dolore magna aliquyam erat, sed diam voluptua.
4848
</p>
49-
</BasicContentContainer>
50-
<BasicContentContainer>
49+
</DebugContainer>
50+
<DebugContainer>
5151
<DebugHeadline>Teaser 3</DebugHeadline>
5252
<p>
5353
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
5454
et dolore magna aliquyam erat, sed diam voluptua.
5555
</p>
56-
</BasicContentContainer>
56+
</DebugContainer>
5757
</div>
58-
</BasicContentContainer>
59-
</BasicContentContainer>
58+
</DebugContainer>
59+
</DebugContainer>
6060

6161
<hr />
6262

63-
<ArticleContentContainer debug>
64-
<ArticleContentContainer>
63+
<DebugArticleContentContainer debug>
64+
<DebugArticleContentContainer>
6565
<header>
6666
<DebugHeadline>Article Title</DebugHeadline>
6767
<pre class="structure-debug" data-debug-current-tag="header"></pre>
6868
</header>
6969

70-
<ArticleContentContainer>
70+
<DebugArticleContentContainer>
7171
<div>
7272
<DebugHeadline>Introduction</DebugHeadline>
7373
<p>
@@ -76,9 +76,9 @@
7676
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
7777
</p>
7878
</div>
79-
</ArticleContentContainer>
79+
</DebugArticleContentContainer>
8080

81-
<ArticleContentContainer>
81+
<DebugArticleContentContainer>
8282
<div>
8383
<DebugHeadline>Description</DebugHeadline>
8484
<p>
@@ -87,38 +87,38 @@
8787
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
8888
</p>
8989
</div>
90-
</ArticleContentContainer>
90+
</DebugArticleContentContainer>
9191

92-
<ArticleContentContainer>
92+
<DebugArticleContentContainer>
9393
<div>
9494
<DebugHeadline>More Articles</DebugHeadline>
9595
</div>
9696
<div class="columns-3">
97-
<ArticleContentContainer>
97+
<DebugArticleContentContainer>
9898
<DebugHeadline>Article 1</DebugHeadline>
9999
<p>
100100
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
101101
labore et dolore magna aliquyam erat, sed diam voluptua.
102102
</p>
103-
</ArticleContentContainer>
104-
<ArticleContentContainer>
103+
</DebugArticleContentContainer>
104+
<DebugArticleContentContainer>
105105
<DebugHeadline>Article 2</DebugHeadline>
106106
<p>
107107
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
108108
labore et dolore magna aliquyam erat, sed diam voluptua.
109109
</p>
110-
</ArticleContentContainer>
111-
<ArticleContentContainer>
110+
</DebugArticleContentContainer>
111+
<DebugArticleContentContainer>
112112
<DebugHeadline>Article 3</DebugHeadline>
113113
<p>
114114
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
115115
labore et dolore magna aliquyam erat, sed diam voluptua.
116116
</p>
117-
</ArticleContentContainer>
117+
</DebugArticleContentContainer>
118118
</div>
119-
</ArticleContentContainer>
120-
</ArticleContentContainer>
121-
</ArticleContentContainer>
119+
</DebugArticleContentContainer>
120+
</DebugArticleContentContainer>
121+
</DebugArticleContentContainer>
122122

123123
<GithubCorner :url="GITHUB_URL" />
124124
</div>
@@ -127,8 +127,8 @@
127127
<script setup>
128128
import DebugHeadline from '@/components/DebugHeadline.vue';
129129
import GithubCorner from './components/GithubCorner.vue';
130-
import ArticleContentContainer from './components/ArticleContentContainer.vue';
131-
import BasicContentContainer from './components/BasicContentContainer.vue';
130+
import DebugArticleContentContainer from './components/DebugArticleContentContainer.vue';
131+
import DebugContainer from './components/DebugContainer.vue';
132132
133133
const GITHUB_URL = import.meta.env.VITE_GITHUB_URL;
134134
</script>

‎playground/src/components/BasicContentContainer.vue

Lines changed: 0 additions & 29 deletions
This file was deleted.

‎playground/src/components/ArticleContentContainer.vue renamed to ‎playground/src/components/DebugArticleContentContainer.vue

File renamed without changes.

‎src/useContentContainer.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import { provide, inject, computed } from 'vue';
22

33
export default function useContentContainer({ tag, contentTags, rootTags, level } = {}) {
44
tag = tag || null;
5-
rootTags = rootTags || inject('contentTags', ['main']);
5+
rootTags = rootTags || inject('rootTags', ['main']);
66
contentTags = contentTags || inject('contentTags', ['article', 'section']);
77
level = level || undefined;
88

0 commit comments

Comments
 (0)