feat: add preflights and safelist to shadow-dom mode (#1110)

unocss · Jun 18, 2022 · d6b841e · d6b841e
1 parent 6674878
commit d6b841e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/examples/vite-lit/src/my-element.ts b/examples/vite-lit/src/my-element.ts
@@ -46,6 +46,12 @@ export class MyElement extends LitElement {
       <br />
       ${this.span ? html` <div class="bg-red-400">BG Color should change</div>` : html` <div>BG Color should change</div>`}
       <br />
+      <br />
+      <button class="shadow-2xl bg-white p-4 rounded-lg border-none" part="button">
+        prefligths: shadow-2xl
+      </button>
+      <br />
+      <br />
       <button class="bg-red-100" @click=${this._onClick} part="button">
         Click Count: ${this.count}
       </button>

diff --git a/packages/vite/src/modes/shadow-dom.ts b/packages/vite/src/modes/shadow-dom.ts
@@ -48,7 +48,10 @@ export function ShadowDomModuleModePlugin({ uno }: UnocssPluginContext): Plugin
       return code
 
     // eslint-disable-next-line prefer-const
-    let { css, matched } = await uno.generate(code, { preflights: false })
+    let { css, matched } = await uno.generate(code, {
+      preflights: true,
+      safelist: true,
+    })
 
     if (css && matched) {
       // filter only parts from the result reported from the generator