diff --git a/docs/2.guide/2.directory-structure/1.shared.md b/docs/2.guide/2.directory-structure/1.shared.md index 16e1a17462..3c1701cc71 100644 --- a/docs/2.guide/2.directory-structure/1.shared.md +++ b/docs/2.guide/2.directory-structure/1.shared.md @@ -1,8 +1,8 @@ --- title: 'shared' head.title: 'shared/' -description: Use the shared/ directory to share functionality between the Vue app and the Nitro server. -navigation.icon: i-ph-folder +description: 'Use the shared/ directory to share functionality between the Vue app and the Nitro server.' +navigation.icon: 'i-ph-folder' --- The `shared/` directory allows you to share code that can be used in both the Vue app and the Nitro server. @@ -33,7 +33,7 @@ export default function capitalize (input: string) { } ``` -**Usage:** You can now use auto-imported utility functions in `.js`, `.ts` and `.vue` files within your Vue app and the `server/` directory. +**Usage:** You can now use auto-imported utility functions in `.js`, `.ts` and `.vue` files within your Vue app and the `server/` directory. If you have set `compatibilityVersion: 4` in your `nuxt.config.ts`, you can use the auto-imported functions in the `app/` directory. This is part of Nuxt's progressive compatibility features preparing for version 4. @@ -64,7 +64,7 @@ Only files in the `shared/utils/` and `shared/types/` directories will be auto-i ```bash [Directory Structure] -| shared/ ---| capitalize.ts # Not auto-imported ----| fotmatters +---| formatters -----| lower.ts # Not auto-imported ---| utils/ -----| lower.ts # Auto-imported