mount started
This commit is contained in:
parent
19cc54dcea
commit
df16163e4b
27
_lib_/mount.tsx
Normal file
27
_lib_/mount.tsx
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
import * as TW from "https://esm.sh/@twind/core@1.0.1";
|
||||||
|
import TWPreTail from "https://esm.sh/@twind/preset-tailwind@1.0.1";
|
||||||
|
import TWPreAuto from "https://esm.sh/@twind/preset-autoprefix@1.0.1";
|
||||||
|
|
||||||
|
const Configure = {
|
||||||
|
theme: {},
|
||||||
|
presets:[TWPreTail(), TWPreAuto()]
|
||||||
|
} as TW.TwindUserConfig;
|
||||||
|
|
||||||
|
export default (inElement:HTMLElement, inConfig?:TW.TwindUserConfig)=>
|
||||||
|
{
|
||||||
|
const ShadowDOM = inElement.attachShadow({ mode: "open" });
|
||||||
|
const ShadowDiv = document.createElement("div");
|
||||||
|
const ShadowCSS = document.createElement("style");
|
||||||
|
ShadowDOM.append(ShadowCSS);
|
||||||
|
ShadowDOM.append(ShadowDiv);
|
||||||
|
|
||||||
|
const merge = inConfig ? {...Configure, ...inConfig} : Configure;
|
||||||
|
TW.observe(TW.twind(merge, TW.cssom(ShadowCSS)), ShadowDiv);
|
||||||
|
return ShadowDiv;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
import * as App from "app";
|
||||||
|
import React from "react";
|
||||||
|
const Wrapper =()=> React.createElement(App.default, null, null);
|
||||||
|
React.render(React.createElement(Wrapper, null, null), document.querySelector("#app"));
|
Loading…
Reference in New Issue
Block a user