diff --git a/src/router/index.js b/src/router/index.js
index 90bab59..53e4751 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -6,6 +6,7 @@ import ChartsView from '@/views/ChartsView.vue'
 import ParsersView from '@/views/ParsersView.vue'
 import PersonalView from '@/views/PersonalView.vue'
 import AddMerchView from '@/views/AddMerchView.vue'
+import DetailsView from '@/views/DetailsView.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -45,6 +46,12 @@ const router = createRouter({
       name: 'addMerch',
       component: AddMerchView,
     },
+    {
+      path: '/details/:merch_uuid',
+      name: 'details',
+      component: DetailsView,
+      props: true,
+    },
   ],
 })