docs: use a instead of saber-link in examples

saberland · Sep 29, 2019 · 29d4bb7 · 29d4bb7
1 parent 018d367
commit 29d4bb7
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 14 deletions.
diff --git a/examples/extract-css/pages/about.vue b/examples/extract-css/pages/about.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <h1>About</h1>
-    <saber-link to="/">Home</saber-link>
+    <a href="/">Home</a>
   </div>
 </template>
 

diff --git a/examples/extract-css/pages/index.vue b/examples/extract-css/pages/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
     <h1>Home</h1>
-    <saber-link :to="$saber.getPageLink('about.vue')">About</saber-link>
+    <a href="about.vue">About</a>
   </div>
 </template>
diff --git a/packages/saber-plugin-query-posts/README.md b/packages/saber-plugin-query-posts/README.md
@@ -37,18 +37,18 @@ Then in the layout component `layouts/index.vue`, `page.posts` and `page.paginat
 
     <ul>
       <li v-for="post in page.posts" :key="post.permalink">
-        <saber-link :to="post.permalink">
+        <a :href="post.permalink">
           {{ post.title }}
-        </saber-link>
+        </a>
       </li>
     </ul>
 
-    <saber-link :to="page.pagination.prevLink" v-if="page.pagination.hasPrev">
+    <a :href="page.pagination.prevLink" v-if="page.pagination.hasPrev">
       ← Prev Page
-    </saber-link>
-    <saber-link :to="page.pagination.nextLink" v-if="page.pagination.hasNext">
+    </a>
+    <a :href="page.pagination.nextLink" v-if="page.pagination.hasNext">
       Next Page →
-    </saber-link>
+    </a>
   </div>
 </template>
 

diff --git a/packages/saber/example/pages/index.md b/packages/saber/example/pages/index.md
@@ -4,4 +4,4 @@ title: haha
 
 aaa
 
-<saber-link to="/hehe.html">Go to hehe</saber-link>
+<a href="/hehe.html">Go to hehe</a>
diff --git a/website/pages/_posts/html-and-pug-page/index.md b/website/pages/_posts/html-and-pug-page/index.md
@@ -81,7 +81,7 @@ Populate a `pages/about.pug`:
 ```pug
 div
   h2 This is my Pug page!
-  saber-link(to="/") ← Back Home
+  a(href="/") ← Back Home
 ```
 
 Then navigate to `http://localhost:3000/about.html`:

diff --git a/website/pages/tutorial/tutorial.md b/website/pages/tutorial/tutorial.md
@@ -68,8 +68,8 @@ Let's create a simple `./components/Navbar.vue` component first:
   <nav>
     <h1>My Blog</h1>
     <ul>
-      <li><saber-link to="/">Home</saber-link></li>
-      <li><saber-link to="/about.html">About me</saber-link></li>
+      <li><a href="/">Home</a></li>
+      <li><a href="/about.html">About me</a></li>
     </ul>
   </nav>
 </template>
@@ -273,9 +273,9 @@ Awesome, now let's update the `./layouts/page.vue` to show recent posts:
         <li v-for="post in page.posts" :key="post.permalink">
           <h2>
             {{ formatDate(post.createdAt) }} -
-            <saber-link :to="post.permalink">{{
+            <a :href="post.permalink">{{
               post.title
-            }}</saber-link>
+            }}</a>
           </h2>
         </li>
       </ul>
Original file line number	Diff line number	Diff line change
Expand Up		@@ -4,4 +4,4 @@ title: haha

		aaa

		<saber-link to="/hehe.html">Go to hehe</saber-link>
		<a href="/hehe.html">Go to hehe</a>