---------------------- To create a playground page in a Nuxt layer that won't be included when used in another Nuxt app, you have a few options: ## Using the `.playground` folder Based on the knowledge sources, Nuxt layers have a special `.playground` folder that's designed for testing purposes: ``` // Base layer structure base/ .playground/ // For testing the layer nuxt.config.ts components/ ... ``` As mentioned in the YouTube video about Nuxt Layers, the `.playground` folder is specifically designed for this purpose: > The .playground folder [is where] you can test your layer without having to create a separate project. [Nuxt 3: How to use Nuxt Layers to encapsulate your code]() ## Using `` component Another approach is to wrap your playground/testing components with the `` component. This ensures the content will only be rendered during development and not included in production builds: ```vue ``` The `` component is specifically designed to "render components only during development" and "the content will not be included in production builds" as documented in the Nuxt docs. [DevOnly Component]() ## Using a custom route with a module approach For more advanced cases, you could create a custom route that's only available in development mode. This approach was mentioned in a GitHub issue: ```vue

how to have a playground page in a nuxt layer

Similar Threads

Similar Threads

Similar Threads