fixed transition

src/App.vue

@@ -1,15 +1,14 @@
 <template>
-  <router-view></router-view>
-  <!--
   <router-view v-slot="{ Component }">
-    <transition :duration="{ enter: 200, leave: 200 }" name="route-fade" mode="out-in">-->
+    <transition :duration="{ enter: 200, leave: 200 }" name="route-fade" mode="out-in">
       <!-- The above durations should be kept in sync with the global css class "fade-on-route-transition" -->
-  <!--    <component :is="Component" />
+      <component :is="Component" />
     </transition>
   </router-view>
--->
 </template>
+
 <style lang="scss">
   @import "./node_modules/bootstrap/scss/bootstrap";
   @import "@/styles/common-animations.scss";
+
 </style>

src/common-components/nav-button/nav-button.vue

@@ -26,6 +26,8 @@
         padding: 2.5px;
         border-radius: 5px;
         min-width: 70px;
+        font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+        font-size: 14px;
     }
 
     .nav-text {

src/layouts/error-404/error-404.vue

@@ -1,5 +1,7 @@
 <template>
+<div>
     404: Page Not Found
+</div>
 </template>
 
 <script>

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

@@ -1,6 +1,8 @@
 <template>
+<div>
     <navButton type="button" text="back" :scenario="navigationScenarios.CLICKED_BACK"></navButton>
-    Vehicle Year Placeholder
+    <p class="fade-on-route-transition">Vehicle Year Placeholder</p>
+</div>
 </template>
 
 <script>

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

@@ -1,8 +1,10 @@
 <template>
-    <p>Welcome Page Placeholder</p>
+<div>
+    <p class="fade-on-route-transition">Welcome Page Placeholder</p>
     <br />
     <navButton type="button" text="Next" :scenario="navigationScenarios.CLICKED_FORWARD"></navButton>
     <navButton text="Google" :scenario="navigationScenarios.CLICKED_TEST"></navButton>
+</div>
 </template>
 
 <script>