/* * When your routing table is too long, you can split it into small modules* */

import Layout from "@/views/layout/layout";

const componentsRouter = {
  path: "/components",
  component: Layout,
  redirect: "noredirect",
  name: "ComponentDemo",
  meta: {
    title: "components",
    icon: "component"
  },
  children: [
    {
      path: "tinymce",
      component: () => import("@/views/components-demo/tinymce"),
      name: "TinymceDemo",
      meta: { title: "tinymce" }
    },
    {
      path: "markdown",
      component: () => import("@/views/components-demo/markdown"),
      name: "MarkdownDemo",
      meta: { title: "markdown" }
    },
    {
      path: "json-editor",
      component: () => import("@/views/components-demo/jsonEditor"),
      name: "JsonEditorDemo",
      meta: { title: "jsonEditor" }
    },
    {
      path: "splitpane",
      component: () => import("@/views/components-demo/splitpane"),
      name: "SplitpaneDemo",
      meta: { title: "splitPane" }
    },
    {
      path: "avatar-upload",
      component: () => import("@/views/components-demo/avatarUpload"),
      name: "AvatarUploadDemo",
      meta: { title: "avatarUpload" }
    },
    {
      path: "dropzone",
      component: () => import("@/views/components-demo/dropzone"),
      name: "DropzoneDemo",
      meta: { title: "dropzone" }
    },
    {
      path: "sticky",
      component: () => import("@/views/components-demo/sticky"),
      name: "StickyDemo",
      meta: { title: "sticky" }
    },
    {
      path: "count-to",
      component: () => import("@/views/components-demo/countTo"),
      name: "CountToDemo",
      meta: { title: "countTo" }
    },
    {
      path: "mixin",
      component: () => import("@/views/components-demo/mixin"),
      name: "ComponentMixinDemo",
      meta: { title: "componentMixin" }
    },
    {
      path: "back-to-top",
      component: () => import("@/views/components-demo/backToTop"),
      name: "BackToTopDemo",
      meta: { title: "backToTop" }
    },
    {
      path: "drag-dialog",
      component: () => import("@/views/components-demo/dragDialog"),
      name: "DragDialogDemo",
      meta: { title: "dragDialog" }
    },
    {
      path: "drag-select",
      component: () => import("@/views/components-demo/dragSelect"),
      name: "DragSelectDemo",
      meta: { title: "dragSelect" }
    },
    {
      path: "dnd-list",
      component: () => import("@/views/components-demo/dndList"),
      name: "DndListDemo",
      meta: { title: "dndList" }
    },
    {
      path: "drag-kanban",
      component: () => import("@/views/components-demo/dragKanban"),
      name: "DragKanbanDemo",
      meta: { title: "dragKanban" }
    }
  ]
};

export default componentsRouter;