wevm/vocs

BUG Custom Layout Not Working

codingwithmanny opened this issue · 2 comments

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

  1. Create new project
pnpm create vocs;
  1. Create a new layout.tsx file
my-project/             
├── docs/
│   ├── pages/ 
|   |   ├── index.mdx 
|   |   └── about.tsx 
│   └── public/
│   |   └── favicon.ico
+ |   └── layout.tsx
├── node_modules/
│   ...
  1. 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>
}
  1. Run the project
pnpm dev;
  1. Open Developer Tools - See that id isn't showing anywhere.

Realize this is working and I demonstrate this with #96

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.