diff --git a/playground/src/views/Home.vue b/playground/src/views/Home.vue
index 4fbffb7..a4b0ecd 100644
--- a/playground/src/views/Home.vue
+++ b/playground/src/views/Home.vue
@@ -9,14 +9,25 @@ async function go() {
     console.log(e)
   }
 }
+
+async function replace() {
+  try{
+    await router.replace(`/some/${Math.random() * 100}`)
+  }catch(e) {
+    console.log(e)
+  }
+}
 </script>
 
 <template>
   <div class="text-center">
     <HelloWorld msg="Hello World"></HelloWorld>
-    <button @click="go">
+    <button @click="go" class="mr-8px">
       Go somewhere.
     </button>
+    <button @click="replace">
+      replace somewhere.
+    </button>
   </div>
 </template>
 
diff --git a/playground/src/views/Some.vue b/playground/src/views/Some.vue
index 6131c16..c5cdea5 100644
--- a/playground/src/views/Some.vue
+++ b/playground/src/views/Some.vue
@@ -12,6 +12,14 @@ async function go() {
     console.log(e)
   }
 }
+
+async function replace() {
+  try{
+    await router.replace(`/some/${Math.random() * 100}`)
+  }catch(e) {
+    console.log(e)
+  }
+}
 </script>
 
 <template>
@@ -20,9 +28,15 @@ async function go() {
       This is a test page. The id is {{ id }}.
     </div>
 
-    <button @click="go">
-      Go somewhere.
-    </button>
+    <div>
+      <button @click="go" class="mr-8px">
+        Go somewhere.
+      </button>
+  
+      <button @click="replace">
+        replace somewhere.
+      </button>
+    </div>
   </div>
 </template>