dep updates

sidebar update
code camp content
about page

docs/.vitepress/theme/components/CustomBlockquote.vue

@@ -0,0 +1,13 @@
+<template>
+	<blockquote>
+		<slot>YELLO</slot>
+	</blockquote>
+</template>
+
+<script>
+export default {
+	name: "CustomBlockquote"
+};
+</script>
+
+<style scoped></style>

docs/.vitepress/theme/custom.css

@@ -13,3 +13,8 @@ a:hover {
 .prev-next a:hover {
 	text-decoration: none;
 }
+
+.VPPage {
+	max-inline-size: 70ch;
+	margin-inline: auto;
+}

docs/.vitepress/theme/index.js

@@ -1,4 +1,21 @@
 import DefaultTheme from "vitepress/theme";
+import PageLayout from "./layouts/PageLayout.vue";
 import "./custom.css";
 
-export default DefaultTheme;
+const modules = import.meta.globEager("./components/**/*.vue");
+const components = [];
+
+for (const path in modules) {
+	components.push(modules[path].default);
+}
+
+export default {
+	...DefaultTheme,
+	// Layout: PageLayout,
+	enhanceApp({ app }) {
+		// import all components globally
+		components.forEach(comp => {
+			app.component(comp.name, comp);
+		});
+	}
+};

docs/.vitepress/theme/layouts/PageLayout.vue

@@ -0,0 +1,18 @@
+<script setup>
+import DefaultTheme from "vitepress/theme";
+const { Layout } = DefaultTheme;
+
+import { useData } from "vitepress";
+const { page } = useData();
+</script>
+
+<template>
+	<Layout>
+		<main role="main">
+			<h1>{{ page.title }}</h1>
+			<slot name="content" />
+		</main>
+	</Layout>
+</template>
+
+<style scoped></style>