diff --git a/src/views/CollectionView/CollectionToolbar.vue b/src/views/CollectionView/CollectionToolbar.vue
index c854249..88268cb 100644
--- a/src/views/CollectionView/CollectionToolbar.vue
+++ b/src/views/CollectionView/CollectionToolbar.vue
@@ -1,16 +1,22 @@
 <script setup>
 import { ref } from 'vue'
+import router from '@/router/index.js'
+
 
 const value = ref(null)
 const options = [
   { label: 'Placeholder 1', value: 'Placeholder 1' },
   { label: 'Placeholder 2', value: 'Placeholder 2' },
 ]
+
+const addMerch = () => {
+  router.push({ name: 'addMerch' })
+}
 </script>
 
 <template>
   <div class="toolbar">
-    <n-button type="primary" class="toolbar-item"> Add merch </n-button>
+    <n-button type="primary" class="toolbar-item" @click="addMerch"> Add merch </n-button>
 
     <div class="search-wrapper toolbar-item">
       <n-input placeholder="Search..." clearable />