<template>
    <div>
        <about-comp></about-comp>
    </div>
</template>

<script>
    import AboutComp from './About';
    export default {
        name: "Main",
        data(){
            return {

            }
        },
        comments:{
            'about-comp': AboutComp,
        }
    }
</script>

<style scoped>

</style>

<template>
    <div>
        About
    </div>
</template>

<script>
    export default {
        name: "about-comp",
        data:function(){
            return{
            }
        }
    }
</script>

<style scoped lang="scss">

</style>

import Vue from 'vue'
import Router from 'vue-router'
import Main from './views/pages/Main.vue'

Vue.use(Router)


export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      name: 'Main',
      component: Main
    },
  ]
})