@nuxt/docs-nightly 5.0.0-29740135.daae2228 → 5.0.0-29740294.24eec37d

package/1.getting-started/02.installation.md

@@ -107,6 +107,12 @@ deno run dev -o
 Well done! A browser window should automatically open for <http://localhost:3000>.
 ::
 
+::tip{icon="i-lucide-container"}
+If you're using Docker or want a consistent development environment across machines, consider using a dev container.
+
+[Learn more about dev containers](/docs/4.x/guide/best-practices/devcontainers)
+::
+
 ::
 
 ## Next Steps

package/2.directory-structure/1.app/1.components.md

@@ -356,6 +356,25 @@ export default defineNuxtConfig({
 Any nested directories need to be added first as they are scanned in order.
 ::
 
+Each directory entry also accepts `pattern` and `ignore` glob options, which control which files are scanned within `path`. This is useful when your components live in nested folders that don't follow the default layout, such as a domain-driven structure:
+
+```ts twoslash [nuxt.config.ts]
+export default defineNuxtConfig({
+  components: [
+    // ~/domains/blog/components/PostCard.vue => <PostCard />
+    {
+      path: '~/domains',
+      pattern: '*/components/**',
+      pathPrefix: false,
+    },
+  ],
+})
+```
+
+::note
+If `pattern` is specified, the `extensions` option has no effect, so make sure your pattern matches the file extensions you want to scan.
+::
+
 ## npm Packages
 
 If you want to auto-import components from an npm package, you can use [`addComponent`](/docs/4.x/api/kit/components#addcomponent) in a [local module](/docs/4.x/directory-structure/modules) to register them.

package/3.guide/2.best-practices/devcontainers.md

@@ -0,0 +1,109 @@
+---
+navigation.title: 'Dev Containers'
+title: Dev Containers
+description: Set up or open a Nuxt project in a dev container for a consistent development environment.
+---
+
+## Setting Up a Dev Container
+
+If you're starting a new Nuxt project and want to develop inside a dev container, you can add the configuration yourself.
+
+::read-more{to="https://code.visualstudio.com/docs/devcontainers/containers" target="_blank"}
+Read more about dev containers
+::
+
+### Prerequisites
+
+- [Visual Studio Code](https://code.visualstudio.com/) with the [Dev Containers extension](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers)
+- [Docker Desktop](https://www.docker.com/products/docker-desktop/) or [Docker Engine](https://docs.docker.com/engine/)
+
+### Create the Configuration
+
+Create a `.devcontainer/` folder in your project root with these two files:
+
+```json [devcontainer.json]
+{
+  "name": "nuxt-devcontainer",
+  "build": {
+    "dockerfile": "Dockerfile",
+    "context": "../"
+  },
+  "forwardPorts": [3000],
+  "portsAttributes": {
+    "3000": {
+      "label": "Application",
+      "onAutoForward": "openPreview"
+    }
+  },
+  "mounts": [
+    "type=volume,target=${containerWorkspaceFolder}/node_modules"
+  ],
+  "postStartCommand": "pnpm install && pnpm dev:prepare"
+}
+```
+
+```dockerfile [Dockerfile]
+FROM node:lts
+
+WORKDIR /app
+
+RUN npm i -g corepack && corepack enable
+
+COPY package.json pnpm-lock.yaml pnpm-workspace.yaml  ./
+RUN pnpm install --frozen-lockfile
+
+COPY . .
+```
+
+This configuration uses Node.js LTS and enables pnpm via corepack. It forwards port 3000 for the Nuxt dev server and persists `node_modules` in a Docker volume to avoid reinstallation on container restarts.
+
+::tip
+To use a different package manager, replace `corepack enable` with your preferred manager (for example, `npm install -g yarn`) and update the `postStartCommand` accordingly.
+::
+
+## Opening an Existing Dev Container
+
+If a project already includes a dev container configuration, you can open it using any of these methods:
+
+### 1. VS Code Prompt
+
+When you open the project in VS Code, you should see a notification in the bottom right corner:
+
+> "Reopen in Dev Containers"
+
+Click this button to build and open the project in a dev container.
+
+### 2. Command Palette
+
+If you dismiss the prompt or want to manually trigger it:
+
+1. Open the Command Palette (`Cmd+Shift+P` on Mac, `Ctrl+Shift+P` on Windows/Linux)
+2. Search for **"Dev Containers: Reopen in Container"**
+3. Select it
+
+VS Code will build the container and reopen your project.
+
+### 3. Dev Containers CLI
+
+For advanced users or CI workflows, you can use the Dev Containers CLI directly:
+
+```bash
+# Install the CLI (if not already installed)
+npm install -g @devcontainers/cli
+
+# Build and open the project in a container
+devcontainer up --workspace-folder .
+
+# After making changes to .devcontainer, rebuild
+devcontainer build
+```
+
+## Next Steps
+
+Once the container is running:
+
+```bash
+pnpm dev
+```
+
+Your Nuxt app will be available at <http://localhost:3000>.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/docs-nightly",
-  "version": "5.0.0-29740135.daae2228",
+  "version": "5.0.0-29740294.24eec37d",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/nuxt.git",