\r\n ▼ #shadow-root (open)\r\n
\r\n \r\n ```\r\n\r\n #### abstract\r\n\r\n It will make other external tags unavailable\r\n ```html\r\n
\r\n
\r\n \r\n ```\r\n ```html\r\n ▼
\r\n ▼ #shadow-root (open)\r\n
\r\n \r\n ```\r\n\r\n - `tag`\r\n - type: `string`\r\n - default: `'div'`\r\n\r\n ```html\r\n
\r\n
\r\n \r\n ```\r\n ```html\r\n ▼
\r\n ▼ \r\n ▼ #shadow-root (open)\r\n
\r\n \r\n \r\n ```\r\n\r\n ### Expose\r\n\r\n ```typescript\r\n const ex = ref
()\r\n ```\r\n ```html\r\n \r\n ```\r\n\r\n - `shadow_root` \r\n \r\n - type: `ShadowRoot` \r\n\r\n ```typescript\r\n const shadow_root: ShadowRoot = ex.shadow_root\r\n ```\r\n\r\n- `shadow-style` \r\n Usage: \r\n \r\n ```html\r\n \r\n \r\n \r\n ```\r\n\r\n Same to html `style` \r\n\r\n The reason it exists is that vue SFC disabled style tag\r\n\r\n- ~~`v-shadow`~~ \r\n ***Deprecated***\r\n\r\n Usage: \r\n ```html\r\n \r\n ```\r\n\r\n- Experimental `adoptedStyleSheets`\r\n\r\n ```js\r\n const adoptedStyleSheets = new CSSStyleSheet()\r\n adoptedStyleSheets.replace('p { color: green }')\r\n ```\r\n ```html\r\n \r\n test adoptedStyleSheets
\r\n \r\n ```\r\n result: \r\n\r\n## Build\r\n\r\n```\r\nnpm i\r\nnpm run build\r\n```\r\n\r\n### Test\r\n\r\n```\r\nnpm run test:dev\r\nnpm run test:build\r\nnpm run test:preview\r\n```\r\n","readmeFilename":"README.md"}