dep updates

sidebar update
code camp content
about page

docs/.vitepress/config.js

@@ -9,14 +9,17 @@ export default {
 		nav: [
 			{
 				text: "Dev",
-				items: [
-					{ text: "Sommaire", link: "/dev/" },
-					{ text: "B1", link: "/dev/B1/" },
-					{ text: "B2", link: "/dev/B2/" },
-					{ text: "B3", link: "/dev/B3/" }
-				]
+				link: "/dev/",
+				activeMatch: "/dev/"
+				// items: [
+				// 	{ text: "Sommaire", link: "/dev/" },
+				// 	{ text: "B1", link: "/dev/B1/" },
+				// 	{ text: "B2", link: "/dev/B2/" },
+				// 	{ text: "B3", link: "/dev/B3/" }
+				// ]
 			},
-			{ text: "Design", link: "/design/", activeMatch: "/design/" }
+			{ text: "Design", link: "/design/", activeMatch: "/design/" },
+			{ text: "À propos", link: "/a-propos", activeMatch: "/a-propos" }
 		],
 		sidebar: {
 			// This sidebar gets displayed when user is
@@ -35,7 +38,7 @@ export default {
 					collapsible: true,
 					collapsed: true,
 					items: [
-						{ text: "Sommaire", link: "/dev/B1/" },
+						{ text: "Sommaire B1", link: "/dev/B1/" },
 						{ text: "Introduction", link: "/dev/B1/introduction" },
 						{ text: "HTML", link: "/dev/B1/html" }
 					]
@@ -45,7 +48,7 @@ export default {
 					collapsible: true,
 					collapsed: true,
 					items: [
-						{ text: "Sommaire", link: "/dev/B2/" },
+						{ text: "Sommaire B2", link: "/dev/B2/" },
 						{ text: "Introduction", link: "/dev/B2/introduction" },
 						{ text: "HTML", link: "/dev/B2/html" }
 					]
@@ -55,7 +58,7 @@ export default {
 					collapsible: true,
 					collapsed: true,
 					items: [
-						{ text: "Sommaire", link: "/dev/B3/" },
+						{ text: "Sommaire B3", link: "/dev/B3/" },
 						{ text: "Introduction", link: "/dev/B3/introduction" },
 						{ text: "HTML", link: "/dev/B3/html" }
 					]

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>