pulling navigation scenarios for button from js file

src/layouts/vehicle-year/vehicle-year.vue

@@ -1,12 +1,19 @@
 <template>
-    <navButton text="back" scenario="CLICKED_BACK"></navButton>
+    <navButton text="back" v-bind:scenario="navigationScenarios.CLICKED_BACK"></navButton>
     Vehicle Year Placeholder
 </template>
 
 <script>
     import navButton from '../../common-components/nav-button/nav-button.vue';
+    import { navigationScenarios } from "@/router/router-constants/navigation-scenarios";
+    
     export default {
         name: 'vehicle-year',
-        components: { navButton }
+        components: { navButton },
+        data: () => {
+        return {
+            navigationScenarios,        
+        }
+    }
     }
 </script>

src/layouts/welcome-page/welcome-page.vue

@@ -1,15 +1,21 @@
 <template>
     <p>Welcome Page Placeholder</p>
     <br />
-    <navButton text="Next" scenario="CLICKED_FORWARD"></navButton>
+    <navButton text="Next" v-bind:scenario="navigationScenarios.CLICKED_FORWARD"></navButton>
 </template>
 
 <script>
     import navButton from "../../common-components/nav-button/nav-button.vue";
+    import { navigationScenarios } from "@/router/router-constants/navigation-scenarios";
 
     export default {
     name: "welcome-page",
-    components: { navButton }
+    components: { navButton },
+    data: () => {
+        return {
+            navigationScenarios,        
+        }
+    }
 }
 </script>