import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      component: () => import('@/view/Layout.vue'),
      children: [
        { path: '', redirect: '/home' },
        { path: '/home', name: 'home', component: () => import('@/view/home/home.vue') },
        {
          path: '/tentang',
          name: 'tentang',
          component: () => import('@/view/tentang/tentang.vue'),
        },
        {
          path: '/serti',
          name: 'serti',
          component: () => import('@/view/tentang/serti.vue'),
        },
        {
          path: '/kebija',
          name: 'kebija',
          component: () => import('@/view/tentang/kebija.vue'),
        },
        {
          path: '/galeri',
          name: 'galeri',
          component: () => import('@/view/tentang/galeri.vue'),
        },
        {
          path: '/blog',
          name: 'blog',
          component: () => import('@/view/tentang/blog.vue'),
        },
        {
          path: '/tanya',
          name: 'tanya',
          component: () => import('@/view/tentang/tanya.vue'),
        },
        {
          path: '/komuni',
          name: 'komuni',
          component: () => import('@/view/tentang/komuni.vue'),
        },
        {
          path: '/blog1',
          name: 'blog1',
          component: () => import('@/view/blog/blog1.vue'),
        },
        {
          path: '/blog2',
          name: 'blog2',
          component: () => import('@/view/blog/blog2.vue'),
        },
        {
          path: '/blog3',
          name: 'blog3',
          component: () => import('@/view/blog/blog3.vue'),
        },
        {
          path: '/blog4',
          name: 'blog4',
          component: () => import('@/view/blog/blog4.vue'),
        },
        {
          path: '/blog5',
          name: 'blog5',
          component: () => import('@/view/blog/blog5.vue'),
        },
        {
          path: '/blog6',
          name: 'blog6',
          component: () => import('@/view/blog/blog6.vue'),
        },
        {
          path: '/blog7',
          name: 'blog7',
          component: () => import('@/view/blog/blog7.vue'),
        },
        {
          path: '/blog8',
          name: 'blog8',
          component: () => import('@/view/blog/blog8.vue'),
        },
        {
          path: '/blog9',
          name: 'blog9',
          component: () => import('@/view/blog/blog9.vue'),
        },
        {
          path: '/blog10',
          name: 'blog10',
          component: () => import('@/view/blog/blog10.vue'),
        },
        {
          path: '/blog11',
          name: 'blog11',
          component: () => import('@/view/blog/blog11.vue'),
        },
        {
          path: '/blog12',
          name: 'blog12',
          component: () => import('@/view/blog/blog12.vue'),
        },
      ],
    },
  ],
  scrollBehavior(to, from, savedPosition) {
    return { left: 0, top: 0 }
  },
})

export default router
