diff --git a/examples/blog/public/global.css b/examples/blog/public/global.css
index 3566fce27..e8498b58e 100644
--- a/examples/blog/public/global.css
+++ b/examples/blog/public/global.css
@@ -1,95 +1,99 @@
 :root {
-	--font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-	--font-mono: 'IBM Plex Mono', Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace;
-	--color-green: #17c083;
+  --font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  --font-mono: 'IBM Plex Mono', Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono',
+    'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace;
+  --color-green: #17c083;
 }
 
 * {
-	box-sizing: border-box;
-	margin: 0;
+  box-sizing: border-box;
+  margin: 0;
 }
 
 html {
-	display: grid;
-	width: 100%;
-	max-width: 100vw;
-	overflow: hidden;
-	height: 100%;
-	background-color: #000014;
+  display: grid;
+  width: 100%;
+  max-width: 100vw;
+  overflow: hidden;
+  height: 100%;
+  background-color: #000014;
 }
 
 html,
 body {
-	padding: 0;
-	font-size: clamp(14px, calc(1rem + (3vw - 1.2rem)), 20px);
-	font-family: var(--font-sans);
-	font-weight: 400;
-	background-image: radial-gradient(87.7% 87.7% at 85.6% 18.14%, #111827 0%, #000014 100%);
-	background-repeat: no-repeat;
-	color: #f3f4f6;
+  padding: 0;
+  font-size: clamp(14px, calc(1rem + (3vw - 1.2rem)), 20px);
+  font-family: var(--font-sans);
+  font-weight: 400;
+  background-image: radial-gradient(87.7% 87.7% at 85.6% 18.14%, #111827 0%, #000014 100%);
+  background-repeat: no-repeat;
+  color: #f3f4f6;
 }
 
 body {
-	position: relative;
-	display: grid;
-	place-items: center;
-	min-width: 100%;
-	max-width: 100vw;
-	min-height: 100vh;
-	overflow-x: hidden;
+  position: relative;
+  display: grid;
+  place-items: center;
+  min-width: 100%;
+  max-width: 100vw;
+  min-height: 100vh;
+  overflow-x: hidden;
 }
 
 .visually-hidden {
-	clip: rect(0 0 0 0);
-	clip-path: inset(50%);
-	height: 1px;
-	overflow: hidden;
-	position: absolute;
-	white-space: nowrap;
-	width: 1px;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
 }
 
 a {
-	position: relative;
-	text-decoration: none;
-	color: var(--color-green);
-	padding: 0.05em 0.125em;
-	margin: -0.05em -0.125em;
-	transition: color 120ms cubic-bezier(0.23, 1, 0.32, 1);
-	z-index: 0;
-	display: inline-block;
+  position: relative;
+  text-decoration: none;
+  color: var(--color-green);
+  padding: 0.05em 0.125em;
+  margin: -0.05em -0.125em;
+  transition: color 120ms cubic-bezier(0.23, 1, 0.32, 1);
+  z-index: 0;
+  display: inline-block;
 }
 
-a:hover, a:focus {
-	color: black;
+a:hover,
+a:focus {
+  color: black;
 }
 
-a:hover::before, a:focus::before {
-	transform: scaleY(1);
-	background: var(--color-green);
+a:hover::before,
+a:focus::before {
+  transform: scaleY(1);
+  background: var(--color-green);
 }
 
 a:visited {
-	color: var(--color-green);
+  color: var(--color-green);
 }
 
-a:visited:hover, a:visited:focus {
-	color: black;
+a:visited:hover,
+a:visited:focus {
+  color: black;
 }
 
 a::before {
-	transform-origin: bottom center;
-	content: '';
-	display: block;
-	position: absolute;
-	top: 0;
-	right: 0;
-	bottom: 0;
-	left: 0;
-	inset: 0;
-	background: var(--color-green);
-	pointer-events: none;
-	transform: scaleY(0.05);
-	transition: transform 120ms cubic-bezier(0.23, 1, 0.32, 1), background 120ms cubic-bezier(0.23, 1, 0.32, 1);
-	z-index: -1;
-}
\ No newline at end of file
+  transform-origin: bottom center;
+  content: '';
+  display: block;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  inset: 0;
+  background: var(--color-green);
+  pointer-events: none;
+  transform: scaleY(0.05);
+  transition: transform 120ms cubic-bezier(0.23, 1, 0.32, 1), background 120ms cubic-bezier(0.23, 1, 0.32, 1);
+  z-index: -1;
+}
diff --git a/examples/with-markdown/public/global.css b/examples/with-markdown/public/global.css
index 7cb613d30..16cd4577e 100644
--- a/examples/with-markdown/public/global.css
+++ b/examples/with-markdown/public/global.css
@@ -1,69 +1,69 @@
 pre,
 code {
-	color: #d4d4d4;
-	font-size: 14px;
-	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-	line-height: 1.5;
-	direction: ltr;
-	white-space: pre;
-	text-align: left;
-	text-shadow: none;
-	word-break: normal;
-	word-spacing: normal;
-	-moz-tab-size: 4;
-	-o-tab-size: 4;
-	tab-size: 4;
-	-webkit-hyphens: none;
-	-moz-hyphens: none;
-	-ms-hyphens: none;
-	hyphens: none;
+  color: #d4d4d4;
+  font-size: 14px;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  line-height: 1.5;
+  direction: ltr;
+  white-space: pre;
+  text-align: left;
+  text-shadow: none;
+  word-break: normal;
+  word-spacing: normal;
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
 }
 
 pre::selection,
 code::selection {
-	text-shadow: none;
-	background: #b3d4fc;
+  text-shadow: none;
+  background: #b3d4fc;
 }
 
 @media print {
-	pre,
+  pre,
   code {
-		text-shadow: none;
-	}
+    text-shadow: none;
+  }
 }
 
 pre {
-	margin: 0.5rem 0 16px;
-	padding: 0.8rem 1rem 0.9rem;
-	overflow: auto;
-	background: #282a36;
-	border-radius: 4px;
+  margin: 0.5rem 0 16px;
+  padding: 0.8rem 1rem 0.9rem;
+  overflow: auto;
+  background: #282a36;
+  border-radius: 4px;
 }
 
 :not(pre) > code {
-	padding: 0.1em 0.3em;
-	color: #db4c69;
-	background: #f9f2f4;
-	border-radius: 0.3em;
-	white-space: pre-wrap;
+  padding: 0.1em 0.3em;
+  color: #db4c69;
+  background: #f9f2f4;
+  border-radius: 0.3em;
+  white-space: pre-wrap;
 }
 
 /*********************************************************
 * Tokens
 */
 .namespace {
-	opacity: 0.7;
+  opacity: 0.7;
 }
 
 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
-	color: #6a9955;
+  color: #6a9955;
 }
 
 .token.punctuation {
-	color: #d4d4d4;
+  color: #d4d4d4;
 }
 
 .token.property,
@@ -73,7 +73,7 @@ pre {
 .token.constant,
 .token.symbol,
 .token.deleted {
-	color: #b5cea8;
+  color: #b5cea8;
 }
 
 .token.selector,
@@ -82,7 +82,7 @@ pre {
 .token.char,
 .token.builtin,
 .token.inserted {
-	color: #ce9178;
+  color: #ce9178;
 }
 
 .token.operator,
@@ -90,86 +90,86 @@ pre {
 .token.url,
 .language-css .token.string,
 .style .token.string {
-	color: #d4d4d4;
-	background: #2d3748;
+  color: #d4d4d4;
+  background: #2d3748;
 }
 
 .token.atrule,
 .token.attr-value,
 .token.keyword {
-	color: #c586c0;
+  color: #c586c0;
 }
 
 .token.function {
-	color: #dcdcaa;
+  color: #dcdcaa;
 }
 
 .token.regex,
 .token.important,
 .token.variable {
-	color: #d16969;
+  color: #d16969;
 }
 
 .token.important,
 .token.bold {
-	font-weight: bold;
+  font-weight: bold;
 }
 
 .token.italic {
-	font-style: italic;
+  font-style: italic;
 }
 
 .token.constant {
-	color: #9cdcfe;
+  color: #9cdcfe;
 }
 
 .token.class-name {
-	color: #4ec9b0;
+  color: #4ec9b0;
 }
 
 .token.parameter {
-	color: #9cdcfe;
+  color: #9cdcfe;
 }
 
 .token.interpolation {
-	color: #9cdcfe;
+  color: #9cdcfe;
 }
 
 .token.punctuation.interpolation-punctuation {
-	color: #569cd6;
+  color: #569cd6;
 }
 
 .token.boolean {
-	color: #569cd6;
+  color: #569cd6;
 }
 
 .token.property {
-	color: #9cdcfe;
+  color: #9cdcfe;
 }
 
 .token.selector {
-	color: #d7ba7d;
+  color: #d7ba7d;
 }
 
 .token.tag {
-	color: #569cd6;
+  color: #569cd6;
 }
 
 .token.attr-name {
-	color: #9cdcfe;
+  color: #9cdcfe;
 }
 
 .token.attr-value {
-	color: #ce9178;
+  color: #ce9178;
 }
 
 .token.entity {
-	color: #4ec9b0;
-	cursor: unset;
+  color: #4ec9b0;
+  cursor: unset;
 }
 
 .token.namespace {
-	color: #4ec9b0;
+  color: #4ec9b0;
 }
 
 /*********************************************************
@@ -177,59 +177,58 @@ pre {
 */
 pre[class*='language-javascript'],
 code[class*='language-javascript'] {
-	color: #4ec9b0;
+  color: #4ec9b0;
 }
 
 pre[class*='language-css'],
 code[class*='language-css'] {
-	color: #ce9178;
+  color: #ce9178;
 }
 
 pre[class*='language-html'],
 code[class*='language-html'] {
-	color: #d4d4d4;
+  color: #d4d4d4;
 }
 
 .language-html .token.punctuation {
-	color: #808080;
+  color: #808080;
 }
 
 /*********************************************************
 * Line highlighting
 */
 pre[data-line] {
-	position: relative;
+  position: relative;
 }
 
 pre > code {
-	position: relative;
-	z-index: 1;
+  position: relative;
+  z-index: 1;
 }
 
 .line-highlight {
-	position: absolute;
-	right: 0;
-	left: 0;
-	z-index: 0;
-	margin-top: 1em;
-	padding: inherit 0;
-	line-height: inherit;
-	white-space: pre;
-	background: #f7ebc6;
-	box-shadow: inset 5px 0 0 #f7d87c;
-	pointer-events: none;
+  position: absolute;
+  right: 0;
+  left: 0;
+  z-index: 0;
+  margin-top: 1em;
+  padding: inherit 0;
+  line-height: inherit;
+  white-space: pre;
+  background: #f7ebc6;
+  box-shadow: inset 5px 0 0 #f7d87c;
+  pointer-events: none;
 }
 
 pre[class*='language-bash'] .token.function {
-	color: #d4d4d4;
+  color: #d4d4d4;
 }
 
 .token.comment {
-	color: #fff7;
+  color: #fff7;
 }
 
 body {
   max-width: 900px;
   margin: auto;
 }
-