import Vue from 'vue'
import VueRouter from 'vue-router'

const Dashboard = () => import('../views/Dashboard')
const Settings = () => import('../views/Settings')

const SetupStart = () => import('../views/Setup/Start')
const SetupCountry = () => import('../views/Setup/Country')
const SetupWifi = () => import('../views/Setup/Wifi')
const SetupWeather = () => import('../views/Setup/Weather')
const SetupName = () => import('../views/Setup/Name')
const SetupAppearance = () => import('../views/Setup/Appearance')
const SetupDone = () => import('../views/Setup/Done')

Vue.use(VueRouter)

export default new VueRouter({
    routes: [
      { path: '/', component: Dashboard },
      { path: '/settings', component: Settings, meta: { transitionName: 'slide' } },

      // setup wizard
      { path: '/setup/start', component: SetupStart, meta: { transitionName: 'slide' } },
      { path: '/setup/country', component: SetupCountry, meta: { transitionName: 'slide' } },
      { path: '/setup/wifi', component: SetupWifi, meta: { transitionName: 'slide' } },
      { path: '/setup/weather', component: SetupWeather, meta: { transitionName: 'slide' } },
      { path: '/setup/name', component: SetupName, meta: { transitionName: 'slide' } },
      { path: '/setup/appearance', component: SetupAppearance, meta: { transitionName: 'slide' } },
      { path: '/setup/done', component: SetupDone, meta: { transitionName: 'slide' } },

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