import DashView from './components/Dash.vue'
// import LoginView from './components/Login.vue'
import NotFoundView from './components/404.vue'

// Import Views - Dash
// Sthope Views
import CryptosView from './components/views/Cryptos.vue'
import PersonalFinancesView from './components/views/PersonalFinances.vue'
import ConfigurationsView from './components/views/Configurations.vue'

// Routes
const routes = [
  // {
  //   path: '/login',
  //   component: LoginView
  // },
  {
    path: '/',
    component: DashView,
    children: [
      {
        path: 'personalfinances',
        alias: '',
        component: PersonalFinancesView,
        name: 'Personal Finances',
        meta: {description: ''}
      },
      {
        path: 'cryptos',
        component: CryptosView,
        name: 'Cryptos',
        meta: {description: '', requiresAuth: false}
      }, {
        path: 'configurations',
        component: ConfigurationsView,
        name: 'Configurations',
        meta: {description: '', requiresAuth: false}
      }
    ]
  }, {
    // not found handler
    path: '*',
    component: NotFoundView
  }
]

export default routes
