From 11a7e7376d4fadc426df872d89a5e50314fb668a Mon Sep 17 00:00:00 2001
From: infodusha <infodusha@ya.ru>
Date: Mon, 29 Jul 2024 11:30:36 +0300
Subject: [PATCH] feat: data-shadow don't need a value anymore

BREAKING CHANGE: data-shadow is always open
---
 DOCS.md                 | 4 ++--
 example/app-footer.html | 2 +-
 src/create-component.ts | 5 +----
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/DOCS.md b/DOCS.md
index 907900c..fc6cd6c 100644
--- a/DOCS.md
+++ b/DOCS.md
@@ -41,9 +41,9 @@ That is the only required element. The tag can be used only once per file.
 
 Filename is used as a selector for the component. It must include dash `-` and be unique.
 
-You can use `<template data-shadow="closed">` to enable [shadow DOM](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_shadow_DOM#encapsulation_from_css).
+You can use `<template data-shadow>` to enable [shadow DOM](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_shadow_DOM#encapsulation_from_css).
 
-Can be `open`, `closed`. If not specified, no shadow DOM is used, but styles are still encapsulated.
+If not set, no shadow DOM is used, but styles are still encapsulated.
 
 ## Styles
 
diff --git a/example/app-footer.html b/example/app-footer.html
index 293c695..25c5d54 100644
--- a/example/app-footer.html
+++ b/example/app-footer.html
@@ -1,4 +1,4 @@
-<template data-shadow="closed">
+<template data-shadow>
 	<footer>Built by infodusha. Inspired by Vika.</footer>
 </template>
 
diff --git a/src/create-component.ts b/src/create-component.ts
index d960a54..d81627c 100644
--- a/src/create-component.ts
+++ b/src/create-component.ts
@@ -93,10 +93,7 @@ export function createComponent(
 
 		#attach(content: DocumentFragment): void {
 			if (useShadow) {
-				const mode =
-					(template.getAttribute("data-shadow") as ShadowRootMode | "") ||
-					"open";
-				const shadowRoot = this.attachShadow({ mode });
+				const shadowRoot = this.attachShadow({ mode: "open" });
 				shadowRoot.appendChild(content);
 				this.#setShadowStyles(shadowRoot);
 			} else {