Export router and create experiences page

src/App.vue

@@ -54,7 +54,7 @@
 
         <!-- Pages content -->
         <v-content>
-          <v-container fluid fill-height>
+          <v-container fill-height>
             <v-layout justify-center>
               <v-scroll-x-reverse-transition mode="out-in">
                 <!-- View injected here -->

src/main.js

@@ -2,7 +2,7 @@ import Vue from 'vue'
 import './plugins/vuetify'
 import App from './App.vue'
 import router from './router'
-import store from './store/'
+import store from './store'
 
 Vue.config.productionTip = false
 

src/router/experiences.js

@@ -0,0 +1,14 @@
+export default [
+  {
+    path: '/experiences/noReference',
+    name: 'ExperienceNoReference',
+    fullName: 'No reference image',
+    component: () => import('@/views/Experiences/NoReference.vue')
+  },
+  {
+    path: '/experiences/withReference',
+    name: 'ExperienceWithReference',
+    fullName: 'With reference image',
+    component: () => import('@/views/Experiences/WithReference.vue')
+  }
+]

src/router.js

@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import Router from 'vue-router'
-import Home from './views/Home.vue'
+import Home from '@/views/Home.vue'
+import Experiences from './experiences'
 
 Vue.use(Router)
 
@@ -14,7 +15,8 @@ export default new Router({
     {
       path: '/experiencesList',
       name: 'ExperiencesList',
-      component: () => import('./views/ExperiencesList.vue')
-    }
+      component: () => import('@/views/ExperiencesList.vue')
+    },
+    ...Experiences
   ]
 })

src/views/Experiences/NoReference.vue

@@ -0,0 +1,9 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  name: 'ExperienceNoReference'
+}
+</script>

src/views/Experiences/WithReference.vue

@@ -0,0 +1,9 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  name: 'ExperienceWithReference'
+}
+</script>