diff --git a/playground/app/pages/components/breadcrumb.vue b/playground/app/pages/components/breadcrumb.vue
index d1fbe81e..23b8bd92 100644
--- a/playground/app/pages/components/breadcrumb.vue
+++ b/playground/app/pages/components/breadcrumb.vue
@@ -17,7 +17,7 @@ const items = [{
   disabled: true
 }, {
   label: 'Breadcrumb',
-  to: '/breadcrumb'
+  to: '/components/breadcrumb'
 }]
 </script>
 
diff --git a/playground/app/pages/components/dropdown-menu.vue b/playground/app/pages/components/dropdown-menu.vue
index 566aa842..f939e1c2 100644
--- a/playground/app/pages/components/dropdown-menu.vue
+++ b/playground/app/pages/components/dropdown-menu.vue
@@ -94,7 +94,7 @@ const items = [
   }, {
     label: 'Support',
     icon: 'i-heroicons-lifebuoy',
-    to: '/dropdown-menu'
+    to: '/components/dropdown-menu'
   }, {
     type: 'separator' as const
   }, {
diff --git a/playground/app/pages/components/navigation-menu.vue b/playground/app/pages/components/navigation-menu.vue
index 1b1ed46e..64b0997a 100644
--- a/playground/app/pages/components/navigation-menu.vue
+++ b/playground/app/pages/components/navigation-menu.vue
@@ -41,32 +41,32 @@ const items = [
       label: 'Link',
       icon: 'i-heroicons-document',
       description: 'Use NuxtLink with superpowers.',
-      to: '/link'
+      to: '/components/link'
     }, {
       label: 'Modal',
       icon: 'i-heroicons-document',
       description: 'Display a modal within your application.',
-      to: '/modal'
+      to: '/components/modal'
     }, {
       label: 'NavigationMenu',
       icon: 'i-heroicons-document',
       description: 'Display a list of links.',
-      to: '/navigation-menu'
+      to: '/components/navigation-menu'
     }, {
       label: 'Pagination',
       icon: 'i-heroicons-document',
       description: 'Display a list of pages.',
-      to: '/pagination'
+      to: '/components/pagination'
     }, {
       label: 'Popover',
       icon: 'i-heroicons-document',
       description: 'Display a non-modal dialog that floats around a trigger element.',
-      to: '/popover'
+      to: '/components/popover'
     }, {
       label: 'Progress',
       icon: 'i-heroicons-document',
       description: 'Show a horizontal bar to indicate task progression.',
-      to: '/progress'
+      to: '/components/progress'
     }]
   }, {
     label: 'GitHub',