Updated <Link> in repo, always wrapping an anchor. (#798)

vercel · Jan 16, 2017 · e28f80c · e28f80c
1 parent a66ff65
commit e28f80c
Show file tree

Hide file tree

Showing 12 changed files with 16 additions and 16 deletions.
diff --git a/README.md b/README.md
@@ -327,7 +327,7 @@ export default () => (
 When this higher-level `<Link>` component is first used, the `ServiceWorker` gets installed. To turn off prefetching on a per-`<Link>` basis, you can use the `prefetch` attribute:
 
 ```jsx
-<Link href='/contact' prefetch={false}>Home</Link>
+<Link href='/contact' prefetch={false}><a>Home</a></Link>
 ```
 
 #### Imperatively

diff --git a/examples/data-fetch/pages/index.js b/examples/data-fetch/pages/index.js
@@ -15,7 +15,7 @@ export default class MyPage extends React.Component {
     return (
       <div>
         <p>Next.js has {this.props.stars} ⭐️</p>
-        <Link href='/preact'>How about preact?</Link>
+        <Link href='/preact'><a>How about preact?</a></Link>
       </div>
     )
   }

diff --git a/examples/data-fetch/pages/preact.js b/examples/data-fetch/pages/preact.js
@@ -15,7 +15,7 @@ export default class MyPage extends React.Component {
     return (
       <div>
         <p>Preact has {this.props.stars} ⭐️</p>
-        <Link href='/'>I bet next has more stars (?)</Link>
+        <Link href='/'><a>I bet next has more stars (?)</a></Link>
       </div>
     )
   }

diff --git a/examples/hello-world/pages/index.js b/examples/hello-world/pages/index.js
@@ -1,4 +1,4 @@
 import Link from 'next/link'
 export default () => (
-  <div>Hello World. <Link href='/about'>About</Link></div>
+  <div>Hello World. <Link href='/about'><a>About</a></Link></div>
 )
diff --git a/examples/layout-component/components/layout.js b/examples/layout-component/components/layout.js
@@ -10,9 +10,9 @@ export default ({ children, title = 'This is the default title' }) => (
     </Head>
     <header>
       <nav>
-        <Link href='/'>Home</Link> |
-        <Link href='/about'>About</Link> |
-        <Link href='/contact'>Contact</Link>
+        <Link href='/'><a>Home</a></Link> |
+        <Link href='/about'><a>About</a></Link> |
+        <Link href='/contact'><a>Contact</a></Link>
       </nav>
     </header>
 

diff --git a/examples/using-inferno/pages/index.js b/examples/using-inferno/pages/index.js
@@ -2,5 +2,5 @@ import React from 'react'
 import Link from 'next/prefetch'
 
 export default () => (
-  <div>Hello World. <Link href='/about'>About</Link></div>
+  <div>Hello World. <Link href='/about'><a>About</a></Link></div>
 )
diff --git a/examples/using-preact/pages/index.js b/examples/using-preact/pages/index.js
@@ -2,5 +2,5 @@ import React from 'react'
 import Link from 'next/link'
 
 export default () => (
-  <div>Hello World. <Link href='/about'>About</Link></div>
+  <div>Hello World. <Link href='/about'><a>About</a></Link></div>
 )
diff --git a/examples/using-router/components/Header.js b/examples/using-router/components/Header.js
@@ -2,9 +2,9 @@ import Router from 'next/router'
 
 export default () => (
   <div>
-    <Link href='/'>Home</Link>
-    <Link href='/about'>About</Link>
-    <Link href='/error'>Error</Link>
+    <Link href='/'><a>Home</a></Link>
+    <Link href='/about'><a>About</a></Link>
+    <Link href='/error'><a>Error</a></Link>
   </div>
 )
 

diff --git a/examples/with-mobx/components/Page.js b/examples/with-mobx/components/Page.js
@@ -20,7 +20,7 @@ class Page extends React.Component {
         <h1>{this.props.title}</h1>
         <Clock lastUpdate={this.props.store.lastUpdate} light={this.props.store.light} />
         <nav>
-          <Link href={this.props.linkTo}>Navigate</Link>
+          <Link href={this.props.linkTo}><a>Navigate</a></Link>
         </nav>
       </div>
     )

diff --git a/examples/with-redux/components/Page.js b/examples/with-redux/components/Page.js
@@ -8,7 +8,7 @@ export default connect(state => state)(({ title, linkTo, lastUpdate, light }) =>
       <h1>{title}</h1>
       <Clock lastUpdate={lastUpdate} light={light} />
       <nav>
-        <Link href={linkTo}>Navigate</Link>
+        <Link href={linkTo}><a>Navigate</a></Link>
       </nav>
     </div>
   )

diff --git a/test/integration/basic/pages/link.js b/test/integration/basic/pages/link.js
@@ -1,5 +1,5 @@
 import React from 'react'
 import Link from 'next/link'
 export default () => (
-  <div>Hello World. <Link href='/about'>About</Link></div>
+  <div>Hello World. <Link href='/about'><a>About</a></Link></div>
 )
diff --git a/test/integration/basic/pages/nav/index.js b/test/integration/basic/pages/nav/index.js
@@ -13,7 +13,7 @@ export default class extends Component {
   render () {
     return (
       <div className='nav-home'>
-        <Link href='/nav/about'>About</Link>
+        <Link href='/nav/about'><a>About</a></Link>
         <p>This is the home.</p>
         <div id='counter'>
           Counter: {counter}