update docs

.cursor/rules/vide/.vitepress/config.ts

@@ -0,0 +1,83 @@
+//import { defineConfig } from "vitepress"
+import { withMermaid } from "vitepress-plugin-mermaid";
+
+// https://vitepress.dev/reference/site-config
+export default withMermaid({
+    title: "Vide",
+    titleTemplate: ":title - A reactive UI library for Luau",
+    description: "A reactive UI library for Luau.",
+    base: "/vide/",
+    head: [["link", { rel: "icon", href: "/vide/logo.svg" }]],
+
+    themeConfig: {
+        logo: "/logo.svg",
+
+        search: {
+            provider: "local"
+        },
+
+        footer: {
+            message: 'Released under the MIT License.',
+        },
+
+        // https://vitepress.dev/reference/default-theme-config
+        nav: [
+            { text: "Home", link: "/" },
+            { text: "Tutorials", link: "/tut/crash-course/1-introduction" },
+            { text: "API", link: "/api/reactivity-core"},
+        ],
+
+        sidebar: {
+            "/api/": [
+                {
+                    text: "API",
+                    items: [
+                        { text: "Reactivity: Core", link: "/api/reactivity-core" },
+                        { text: "Reactivity: Utility", link: "/api/reactivity-utility" },
+                        { text: "Reactivity: Dynamic Scoping", link: "/api/reactivity-dynamic" },
+                        { text: "Element Creation", link: "/api/creation" },
+                        { text: "Animation", link: "/api/animation" },
+                        { text: "Strict Mode", link: "/api/strict-mode" },
+                    ]
+                }
+            ],
+
+            "/tut/": [
+                {
+                    text: "Crash Course",
+                    items: [
+                        { text: "Introduction", link: "/tut/crash-course/1-introduction" },
+                        { text: "Element Creation", link: "/tut/crash-course/2-creation" },
+                        { text: "Components", link: "/tut/crash-course/3-components" },
+                        { text: "Sources", link: "/tut/crash-course/4-source" },
+                        { text: "Effects", link: "/tut/crash-course/5-effect" },
+                        { text: "Scopes", link: "/tut/crash-course/6-scope" },
+                        { text: "Reactive Components", link: "/tut/crash-course/7-reactive-component" },
+                        { text: "Implicit Effects", link: "/tut/crash-course/8-implicit-effect" },
+                        { text: "Derived Sources", link: "/tut/crash-course/9-derived-source" },
+                        { text: "Cleanup", link: "/tut/crash-course/10-cleanup" },
+                        { text: "Dynamic Scopes", link: "/tut/crash-course/11-dynamic-scopes" },
+                        { text: "Actions", link: "/tut/crash-course/12-actions" },
+                        { text: "Strict Mode", link: "/tut/crash-course/13-strict-mode" },
+                        { text: "Concepts Summary", link: "/tut/crash-course/14-concepts" }
+                    ]
+                },
+                {
+                    text: "Advanced",
+                    items: [
+                        { text: "Dynamic Scopes", link: "/tut/advanced/dynamic-scopes"}
+                    ]
+                },
+                {
+                    text: "Design Patterns",
+                    items: [
+                    ]
+                }
+            ],
+        },
+
+        socialLinks: [
+            { icon: "github", link: "https://github.com/centau/vide" }
+        ]
+    }
+})

.cursor/rules/vide/.vitepress/theme/index.css

@@ -0,0 +1,25 @@
+.home > * > .VPNavBar:not(.top) {
+	backdrop-filter: blur(0.5rem);
+	background-color: transparent !important;
+}
+
+.home > * > .VPNavBar > .divider {
+	opacity: 0;
+}
+
+.home > .VPContent {
+	display: flex;
+	justify-content: center;
+	flex-direction: column;
+}
+
+.VPHome {
+	margin-top: auto !important;
+	margin-bottom: auto !important; 
+}
+
+.VPBadge a {
+    text-decoration: none;
+    color: inherit
+ }
+ 

.cursor/rules/vide/.vitepress/theme/index.js

@@ -0,0 +1,8 @@
+// .vitepress/theme/index.js
+import DefaultTheme from 'vitepress/theme'
+import './vars.css'
+import './index.css'
+
+export default {
+	extends: DefaultTheme,
+}

.cursor/rules/vide/.vitepress/theme/vars.css

@@ -0,0 +1,52 @@
+/* Colors */
+
+:root {
+	--vp-c-brand-1: #3086ff;
+	--vp-c-brand-2: #75aeff;
+
+	--vp-button-brand-bg: #3661a2;
+	--vp-button-brand-hover-bg: #24447f;
+	--vp-button-brand-press-bg: #4896f3;
+
+	--vp-home-hero-name-color: transparent;
+	--vp-home-hero-name-background: -webkit-linear-gradient(
+		120deg,
+		#3661a2,
+		#4896f3
+	);
+	--vp-home-hero-logo-background: -webkit-linear-gradient(
+		120deg,
+		#3661a2,
+		#4896f3
+	);
+
+	--vp-home-hero-image-filter: blur(96px);
+
+	--vp-c-bg: #f2f5f8;
+	--vp-c-bg-alt: #dfe8f5;
+	--vp-c-bg-elv: #dde7f4;
+	--vp-c-bg-soft: #e8f1fe;
+
+	--vp-c-border: #c0c3c6;
+	--vp-c-divider: #dfe2e6;
+	--vp-c-gutter: #dfe2e6;
+	--vp-plugin-tabs-tab-bg: var(--vp-c-bg);
+
+    --vp-badge-info-bg: #122d26;
+    --vp-badge-info-text: #6bdbbd;
+    --vp-badge-tip-bg: #132741;
+    --vp-badge-tip-text: #70abfa;
+}
+
+.dark {
+	--vp-c-brand-2: #234782;
+	--vp-c-bg: #0d131b;
+	--vp-c-bg-alt: #111720;
+	--vp-c-bg-elv: #182231;
+	--vp-c-bg-soft: #182231;
+
+	--vp-c-border: #111720;
+	--vp-c-divider: #1d273c;
+	--vp-c-gutter: #181d27;
+}
+