import { createRouter, createWebHashHistory } from "vue-router";
import layout from "@/layout/index.vue";
import children from "../components/children/index.vue";

/**
 * path                   从跟开始每一级都要写
 * name                   和path一样
 * redirect               重定向到哪一个路由，子级路由第一个的path，（没有子级路由不需要填写）
 * component              路由对应的组件位置（必填，views下的文件，views和.vue不需要填写）
 * meta参数说明
 *  title                  显示在菜单和面包屑中名称
 *  model                  归类到头部导航哪一级中（最外层路由需要填写）
 *  activeMenu             当前路由选中状态是哪个导航（isSubMenu:false时需要填写，设置isSubMenu:false路由的path）
 *  isMenu         false   不显示当前菜单
 *  isLogin        false   不需要登录可以访问
 *  breadcrumb     false   当前页不显示在面包屑中
 *  isBreadcrumb   false   当前页不显示面包屑
 *  isSubMenu      false   当前菜单不显示子菜单
 *  isBack         false   当前菜页不显示返回按钮
 **/

const routes = [
  {
    path: "/login",
    name: "/login",
    meta: { title: "登录", isLogin: false },
    component: () => import("@/views/login/index"),
  },
  {
    path: "/",
    name: "app",
    redirect: "/index",
    meta: { title: "首页", isLogin: true },
    component: layout,
    children: [
      {
        path: "/index",
        name: "/index",
        meta: {
          title: "首页",
          breadcrumb: false,
          isMenu: false,
          isSubMenu: false,
          isBack: false,
        },
        component: () => import("@/views/index/index"),
      },
    ],
  },
  {
    path: "/404",
    name: "/404",
    meta: { title: "404", isBreadcrumb: false, isMenu: false },
    component: () => import("@/views/404"),
  },
  {
    path: "/mobile",
    meta: { isBreadcrumb: false, isMenu: false, isLogin: false },
    component: children,
    children: [],
  },
];
const router = createRouter({
  history: createWebHashHistory(import.meta.env.BASE_URL),
  routes,
  scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition;
    } else {
      return { left: 0, top: 0 };
    }
  },
});

export default router;