From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Wed, 23 Jul 2025 21:25:10 +0000 (+0200)
Subject: chore: show route info in playground
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=447747128674dffbd8b3ba894f2aa2a3dab13d9a;p=thirdparty%2Fvuejs%2Frouter.git

chore: show route info in playground
---

diff --git a/packages/experiments-playground/src/App.vue b/packages/experiments-playground/src/App.vue
index 5a56f275..db6d3c35 100644
--- 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>