import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView,
  },
  {
    path: '/users',
    name: 'users',
    component: () => import('@/views/UserView.vue'),
  },
  {
    path: '/about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue'),
  },
  {
    path: '/test',
    component: () => import('@/views/TestView.vue'),
  },
  {
    path: '/test2',
    component: () => import('@/views/TestView2.vue'),
  },
  {
    path: '/user/:id',
    name: 'user',
    component: () => import(/* webpackChunkName: "user" */ '../views/User/Index.vue'),
    children: [
      {
        path: 'services',
        component: () => import(/* webpackChunkName: "user-services" */ '../views/User/Services.vue'),
      },
      {
        // path: '',
        path: 'about',
        component: () => import(/* webpackChunkName: "user-about" */ '../views/User/About.vue'),
      },
      {
        path: 'album',
        component: () => import(/* webpackChunkName: "user-album" */ '../views/User/Album.vue'),
      },
      {
        path: 'feeds',
        component: () => import(/* webpackChunkName: "user-feeds" */ '../views/User/Feeds.vue'),
      }
    ],
  },
]

const router = createRouter({
  scrollBehavior(to, from, savedPostion) {
    if (from.path.indexOf('/user/')==0 && to.path.indexOf('/user/')==0 && from.params.id == to.params.id) {
    }
    else {
      return {top:0};
    }
    
  },
  history: createWebHistory(),
  routes
})

export default router