feat: added routes for config

src/App.vue

@@ -8,7 +8,7 @@ import { RouterLink, RouterView } from 'vue-router'
         <RouterLink to="/sparemaal">Sparemål</RouterLink>
         <RouterLink to="/spareutfordringer">Spareutfordringer</RouterLink>
         <RouterLink to="/profil">Profil</RouterLink>
-        <RouterLink to="/konfigurasjon">Konfigurasjon</RouterLink>
+        <RouterLink to="/konfigurasjonSteg1">Konfigurasjon</RouterLink>
     </nav>
 
     <main>

src/router/index.ts

@@ -35,9 +35,19 @@ const router = createRouter({
             component: () => import('../views/NotFoundView.vue')
         },
         {
-            path: '/konfigurasjon',
-            name: 'configurations',
-            component: () => import('../views/ConfigFamiliarWithSavings.vue')
+            path: '/konfigurasjonSteg1',
+            name: 'configurations1',
+            component: () => import('../views/ConfigFamiliarWithSavingsView.vue')
+        },
+        {
+            path: '/konfigurasjonSteg2',
+            name: 'configurations2',
+            component: () => import('../views/ConfigSpendingItemsView.vue')
+        },
+        {
+            path: '/konfigurasjonSteg3',
+            name: 'configurations3',
+            component: () => import('../views/ConfigSpendingItemsAmountView.vue')
         }
     ]
 })

src/views/ConfigFamiliarWithSavings.vue → src/views/ConfigFamiliarWithSavingsView.vue

@@ -2,6 +2,7 @@
 import { ref } from 'vue'
 import ContinueButtonComponent from '@/components/ContinueButtonComponent.vue'
 import '@/assets/base.css'
+import router from '@/router'
 
 const selectedOption = ref<string | null>(null)
 
@@ -15,6 +16,7 @@ const onButtonClick = () => {
     } else {
         console.log('No option selected.')
     }
+    router.push('/konfigurasjonSteg2');
 }
 </script>