import Vue from 'vue';
import Router from 'vue-router';

import Home from '../components/Home';
import About from '../components/About';
import Help from '../components/Help';
import Machine from '../components/settings/Machine';
import Kit from '../components/settings/Kit';
import Container from '../components/settings/Container';
import Build from '../components/tools/Build';
import Reset from '../components/tools/Reset';

Vue.use(Router);

const router = new Router({
  mode: 'history',
  // scrollBehavior: () => ({ y: 0 }),
  routes: [
    { path: '/', component: Home },
    { path: '/about', component: About },
    { path: '/help', component: Help },

    { path: '/settings/machine', component: Machine },
    { path: '/settings/kits', component: Kit },
    { path: '/settings/containers/:type', component: Container },

    { path: '/tools/build', component: Build },
    { path: '/tools/reset', component: Reset },

    { path: '*', redirect: '/' },
  ],
});

export default router;

import Vue from 'vue';
import Router from 'vue-router';

import Home from '../components/Home';
import About from '../components/About';
import Help from '../components/Help';
import Machine from '../components/settings/Machine';
import Kit from '../components/settings/Kit';
import Container from '../components/settings/Container';
import Builder from '../components/tools/Builder';

Vue.use(Router);

const router = new Router({
  mode: 'history',
  // scrollBehavior: () => ({ y: 0 }),
  routes: [
    { path: '/', component: Home },
    { path: '/about', component: About },
    { path: '/help', component: Help },

    { path: '/settings/machine', component: Machine },
    { path: '/settings/kits', component: Kit },
    { path: '/settings/containers/:type', component: Container },

    { path: '/tools/builder', component: Builder },

    { path: '*', redirect: '/' },
  ],
});

export default router;

Rename Build to Builder and use /tools/builder as the routing url