BUG Custom Layout Not Working
codingwithmanny opened this issue · 2 comments
codingwithmanny commented
Context
Trying to create a custom layout that would apply to all pages, as per https://vocs.dev/docs/structure#layout-component
Steps To Reproduce
- Create new project
pnpm create vocs;
- Create a new
layout.tsx
file
my-project/
├── docs/
│ ├── pages/
| | ├── index.mdx
| | └── about.tsx
│ └── public/
│ | └── favicon.ico
+ | └── layout.tsx
├── node_modules/
│ ...
- Add the following to the file
Files: ./docs/layout.tsx
import { ReactNode } from "react";
export default function Root({ children }: { children: ReactNode }) {
return <div id="PLEASE-SHOW-ME">{children}</div>
}
- Run the project
pnpm dev;
- Open Developer Tools - See that
id
isn't showing anywhere.
codingwithmanny commented
Realize this is working and I demonstrate this with #96
codingwithmanny commented
Re-opening this issue. This works in the playground
folder but when trying to do pnpm create vocs
the Layout.tsx
isn't read at all.