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

const Test = r => require.ensure([], () => r(require('@page/Testscreen')), 'Testscreen')
const Setup = r => require.ensure([], () => r(require('@page/Setup')), 'Setup')
const HomePage = r => require.ensure([], () => r(require('@page/HomePage')), 'HomePage')
const StorageMonitor = r => require.ensure([], () => r(require('@page/StorageMonitor2')), 'StorageMonitor')
const DeviceMonitor = r => require.ensure([], () => r(require('@page/DeviceMonitor')), 'DeviceMonitor')
const LogisticsTech = r => require.ensure([], () => r(require('@page/LogisticsTech')), 'LogisticsTech')
const ProdCount = r => require.ensure([], () => r(require('@page/ProdCount2')), 'ProdCount')
Vue.use(Router)

const HomePageOne = r => require.ensure([], () => r(require('@page/modules/homepage/one')), 'HomePageOne')
const HomePageTwo = r => require.ensure([], () => r(require('@page/modules/homepage/two')), 'HomePageOne')
const HomePageThree = r => require.ensure([], () => r(require('@page/modules/homepage/three')), 'HomePageThree')

export default new Router({
  linkActiveClass: 'tab-active',
  routes: [
    {
      path: '/',
      redirect: '/setup'
    },
    {
      path: '/setup',
      component: Setup
    },
    {
      path: '/homepageone',
      component: HomePageOne
    },
    {
      path: '/homepagetwo',
      component: HomePageTwo
    },
    {
      path: '/homepagethree',
      component: HomePageThree
    },
    {
      path: '/homepage',
      component: HomePage
    },
    {
      path: '/storagemonitor',
      component: StorageMonitor
    },
    {
      path: '/devicemonitor',
      component: DeviceMonitor
    },
    {
      path: '/logisticstech',
      component: LogisticsTech
    },
    {
      path: '/prodcount',
      component: ProdCount
    },
    {
      path: '/test',
      component: Test
    }
  ]
})