chore: show route info in playground

diff --git a/packages/experiments-playground/src/App.vue b/packages/experiments-playground/src/App.vue
index 5a56f2752b891a00db84c4b9d02719b53df5dc46..db6d3c358371c9d96c01869a0340c5975e4db938 100644 (file)
--- a/packages/experiments-playground/src/App.vue
+++ b/packages/experiments-playground/src/App.vue
@@ -1,4 +1,8 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+</script>
 
 <template>
   <header>
@@ -9,5 +13,19 @@
     </nav>
   </header>
 
+  <p>
+    fullPath: <code>{{ route.fullPath }}</code>
+    <br />
+    path: <code>{{ route.path }}</code>
+    <br />
+    query: <code>{{ route.query }}</code>
+    <br />
+    hash: <code>{{ route.hash }}</code>
+    <br />
+    params: <code>{{ route.params }}</code>
+    <br />
+    meta: <code>{{ route.meta }}</code>
+  </p>
+
   <RouterView />
 </template>