44 lines
1.4 KiB
TypeScript
44 lines
1.4 KiB
TypeScript
import TWPreTail from "https://esm.sh/v115/@twind/preset-tailwind@1.1.4/es2022/preset-tailwind.mjs";
|
|
import TWPreAuto from "https://esm.sh/v115/@twind/preset-autoprefix@1.0.7/es2022/preset-autoprefix.mjs";
|
|
import React from "react";
|
|
import * as Iso from "@eno/iso";
|
|
|
|
const Comp = React.lazy(()=>import("./deep/component.tsx"));
|
|
|
|
export default ()=>
|
|
{
|
|
return <div class="p-4 font-sans">
|
|
<Iso.Meta.Metas title="Main Page!"/>
|
|
<nav class="p-4">
|
|
<a class="text-red-500" href="/">Home</a>
|
|
<a href="/about">About</a>
|
|
</nav>
|
|
|
|
<h1 class="my-2 font(bold serif) text(3xl)">Title!!</h1>
|
|
<h2>suspended:</h2>
|
|
<React.Suspense fallback={<div>Loading!</div>}>
|
|
<Comp/>
|
|
</React.Suspense>
|
|
<Iso.Switch>
|
|
<Iso.Case value="page">
|
|
<Iso.Switch>
|
|
<Iso.Case value="about-us">
|
|
<>
|
|
<Iso.Meta.Metas title="About US"/>
|
|
About us!
|
|
</>
|
|
</Iso.Case>
|
|
<Iso.Case default>sorry no page</Iso.Case>
|
|
</Iso.Switch>
|
|
</Iso.Case>
|
|
<Iso.Case value="lol/idk">lol/idk</Iso.Case>
|
|
<Iso.Case default><p>404!</p></Iso.Case>
|
|
</Iso.Switch>
|
|
</div>;
|
|
};
|
|
|
|
export const CSS = {
|
|
presets: [TWPreTail(), TWPreAuto()],
|
|
hash:false
|
|
};
|