docs: accessing custom props for NuxtLayout

docs/3.api/2.components/3.nuxt-layout.md

@@ -46,6 +46,25 @@ Please note the layout name is normalized to kebab-case, so if your layout file
   </NuxtLayout>
 </template>
 ```
+## Custom Props/Layout attrs
+
+`NuxtLayout` also accepts custom props that you may need to pass to the layout. These custom props are accessible via `attrs` in the Nuxt app.
+
+```vue[pages/some-page.vue]
+<div>
+  <NuxtLayout name="custom" title="I am a custom layout">
+  </NuxtLayout>
+</div>
+```
+
+In the above example, the value of `title` will be available using `$attrs.title` in the template or `useAttrs().title` in `<script setup>` at custom.vue.
+
+```vue[layouts/custom.vue]
+<script setup lang="ts">
+  const layoutCustomProps = useAttrs()
+  console.log(layoutCustomProps.title)//I am a custom layout
+</script>
+```
 
 ## Layout and Transition