client-only table of contents + scaffold default theme

docs/src/app.css

@@ -0,0 +1,3 @@
+body {
+  margin: 0;
+}

docs/src/app.tsx

@@ -1,24 +1,19 @@
-import {
-	SolidBaseApp,
-	SolidBaseLayout,
-	SolidBaseProvider,
-} from "@kobalte/solidbase/client";
+import { SolidBaseApp } from "@kobalte/solidbase/client";
 import { Title } from "@solidjs/meta";
-import { Router } from "@solidjs/router";
-import { FileRoutes } from "@solidjs/start/router";
-import { Suspense } from "solid-js";
+
+import "./app.css";
 
 export default function App() {
-	return (
-		<SolidBaseApp
-			layout={(props) => {
-				return (
-					<>
-						<Title>I am the captain now</Title>
-						{props.children}
-					</>
-				);
-			}}
-		/>
-	);
+  return (
+    <SolidBaseApp
+    // layout={(props) => {
+    //   return (
+    //     <>
+    //       <Title>I am the captain now</Title>
+    //       {props.children}
+    //     </>
+    //   );
+    // }}
+    />
+  );
 }

docs/src/routes/index.mdx

@@ -1,7 +1,3 @@
----
-title: Test
----
-
 # Heading 1
 
 ## Heading 2
@@ -31,5 +27,3 @@ _Italic_
 ```
 pnpm create solid
 ```
-
-Title as defined by frontmatter: {frontmatter.title}

docs/src/solidbase-components/Header.tsx

@@ -1,10 +1,10 @@
 import type { ParentProps } from "solid-js";
 
 export default function Header(props: ParentProps<{}>) {
-	return (
-		<header>
-			<p>Override</p>
-			{props.children}
-		</header>
-	);
+  return (
+    <header style={{ "border-bottom": "1px solid gray" }}>
+      <p>Override</p>
+      {props.children}
+    </header>
+  );
 }

package.json

@@ -54,6 +54,7 @@
     "@vinxi/plugin-mdx": "^3.7.2",
     "estree-util-value-to-estree": "^3.1.2",
     "gray-matter": "^4.0.3",
+    "rehype-slug": "^6.0.0",
     "remark-frontmatter": "^5.0.0",
     "remark-mdx-frontmatter": "^5.0.0",
     "solid-mdx": "^0.0.7",