root
/
vue3-core
mirror of https://github.com/vuejs/core.git
1
0
Fork 0
Code Issues Actions 5 Packages Projects Releases Wiki Activity

chore: warn style injection in shadowRoot: false mode

This commit is contained in:
Evan You 2024-08-05 16:33:05 +08:00
parent e94b01bd8a
commit 6e541db29f
No known key found for this signature in database
GPG Key ID: 00E9AB7A6704CE0A
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/runtime-dom/src/apiCustomElement.ts
View File

@ -312,6 +312,12 @@ export class VueElement extends BaseClass {
}
// apply CSS
if (__DEV__ && styles && def.shadowRoot === false) {
warn(
'Custom element style injection is not supported when using ' +
'shadowRoot: false',
)
}
this._applyStyles(styles)
// initial render
@ -481,11 +487,13 @@ export class VueElement extends BaseClass {
}
private _applyStyles(styles: string[] | undefined) {
const root = this.shadowRoot
if (!root) return
if (styles) {
styles.forEach(css => {
const s = document.createElement('style')
s.textContent = css
this._root.appendChild(s)
root.appendChild(s)
// record for HMR
if (__DEV__) {
;(this._styles || (this._styles = [])).push(s)