Skip to content

Commit

Permalink
use spaces for README
Browse files Browse the repository at this point in the history
  • Loading branch information
JRJurman committed Feb 2, 2024
1 parent 2b232a4 commit ceb904e
Show file tree
Hide file tree
Showing 2 changed files with 33 additions and 24 deletions.
11 changes: 10 additions & 1 deletion .prettierrc
Original file line number Diff line number Diff line change
Expand Up @@ -2,5 +2,14 @@
"useTabs": true,
"singleQuote": true,
"printWidth": 120,
"proseWrap": "always"
"proseWrap": "always",
"overrides": [
{
"files": "*.md",
"options": {
"tabWidth": 2,
"useTabs": false
}
}
]
}
46 changes: 23 additions & 23 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,29 +10,29 @@ Experimental interface for Declarative Custom Elements using Declarative Shadow

<!-- define some web components -->
<template td-definitions>
<!-- definition for a custom-title tag! -->
<custom-title>
<!-- declarative shadow dom for the insides -->
<template shadowrootmode="open">
<!-- styles, for just this element -->
<style>
h1 {
color: blue;
}
</style>

<!-- dom, to show on the page -->
<h1>
<slot>Hello World</slot>
</h1>
<hr />

<!-- scripts, that run when the component mounts -->
<script>
document.title = document.tdElement.textContent || 'Hello World';
</script>
</template>
</custom-title>
<!-- definition for a custom-title tag! -->
<custom-title>
<!-- declarative shadow dom for the insides -->
<template shadowrootmode="open">
<!-- styles, for just this element -->
<style>
h1 {
color: blue;
}
</style>

<!-- dom, to show on the page -->
<h1>
<slot>Hello World</slot>
</h1>
<hr />

<!-- scripts, that run when the component mounts -->
<script>
document.title = document.tdElement.textContent || 'Hello World';
</script>
</template>
</custom-title>
</template>

<!-- use our new element! -->
Expand Down

0 comments on commit ceb904e

Please sign in to comment.