chore(docs): Typesafe metadata object (#52252)

Adds missing `Metadata` type to a few declarations. --------- Co-authored-by: Steven <[email protected]> Co-authored-by: Delba de Oliveira <[email protected]> Co-authored-by: Tim Neutkens <[email protected]>
vercel · Jul 10, 2023 · 9ea188a · 9ea188a
1 parent dfebdb7
commit 9ea188a
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx b/docs/02-app/02-api-reference/04-functions/generate-metadata.mdx
@@ -177,9 +177,7 @@ export const metadata: Metadata = {
 ```
 
 ```jsx filename="app/layout.js" switcher
-import { Metadata } from 'next'
-
-export const metadata: Metadata = {
+export const metadata = {
   title: {
     default: '...',
     template: '...',
@@ -193,15 +191,19 @@ export const metadata: Metadata = {
 `title.default` can be used to provide a **fallback title** to child route segments that don't define a `title`.
 
 ```tsx filename="app/layout.tsx"
-export const metadata = {
+import type { Metadata } from 'next'
+
+export const metadata: Metadata = {
   title: {
     default: 'Acme',
   },
 }
 ```
 
 ```tsx filename="app/about/page.tsx"
-export const metadata = {}
+import type { Metadata } from 'next'
+
+export const metadata: Metadata = {}
 
 // Output: <title>Acme</title>
 ```
@@ -222,9 +224,7 @@ export const metadata: Metadata = {
 ```
 
 ```jsx filename="app/layout.js" switcher
-import { Metadata } from 'next'
-
-export const metadata: Metadata = {
+export const metadata = {
   title: {
     template: '%s | Acme',
     default: 'Acme', // a default is required when creating a template
@@ -243,9 +243,7 @@ export const metadata: Metadata = {
 ```
 
 ```jsx filename="app/about/page.js" switcher
-import { Metadata } from 'next'
-
-export const metadata: Metadata = {
+export const metadata = {
   title: 'About',
 }
 
@@ -520,7 +518,9 @@ export const metadata = {
 ### `robots`
 
 ```tsx
-export const metadata = {
+import type { Metadata } from 'next'
+
+export const metadata: Metadata = {
   robots: {
     index: false,
     follow: true,