board commit

canvas-website.code-workspace

@@ -0,0 +1,12 @@
+{
+	"folders": [
+		{
+			"path": "."
+		},
+		{
+			"name": "orionreed.com",
+			"path": "../orionreed.com"
+		}
+	],
+	"settings": {}
+}

package.json

@@ -4,7 +4,7 @@
 	"description": "Orion Reed's personal website",
 	"type": "module",
 	"scripts": {
-		"dev": "vite",
+		"dev": "vite --host",
 		"build": "tsc && vite build",
 		"preview": "tsc && vite build && vite preview"
 	},

src/App.tsx

@@ -11,6 +11,7 @@ import { createShapes } from "@/utils";
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import { Contact } from "@/components/Contact";
 import { Post } from '@/components/Post';
+import { Board } from './components/Board';
 inject();
 
 ReactDOM.createRoot(document.getElementById("root")!).render(<App />);
@@ -24,6 +25,7 @@ function App() {
 					<Route path="/" element={<Home />} />
 					<Route path="/card/contact" element={<Contact />} />
 					<Route path="/posts/:slug" element={<Post />} />
+					<Route path="/board/:slug" element={<Board />} />
 				</Routes>
 			</BrowserRouter>
 		</React.StrictMode>

src/components/Board.tsx

@@ -0,0 +1,16 @@
+
+import { Editor, Tldraw } from "@tldraw/tldraw";
+import { canvas } from "@/canvas01";
+
+export function Board() {
+  console.log("HELOOOOOOO")
+  return (
+    <div className="tldraw__editor">
+      <Tldraw
+        onMount={(editor: Editor) => {
+          editor.putContentOntoCurrentPage(canvas)
+        }}
+      />
+    </div>
+  );
+}