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

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/',
      name: 'home',
      component: HomeView,
    },
    {
      path: '/editor/onlyoffice/:docId',
      name: 'onlyoffice-editor',
      component: () => import('@/views/OnlyOfficeEditorView.vue'),
    },
    {
      path: '/editor/rhwp',
      name: 'rhwp-editor',
      component: () => import('@/views/RhwpEditorView.vue'),
    },
    {
      path: '/editor/excalidraw',
      name: 'excalidraw-editor',
      component: () => import('@/views/ExcalidrawEditorView.vue'),
    },
    {
      path: '/editor/mermaid',
      name: 'mermaid-editor',
      component: () => import('@/views/MermaidEditorView.vue'),
    },
    {
      path: '/editor/drawio',
      name: 'drawio-editor',
      component: () => import('@/views/DrawioEditorView.vue'),
    },
    {
      path: '/viewer/cad',
      name: 'cad-viewer',
      component: () => import('@/views/CadViewerView.vue'),
    },
    {
      path: '/viewer/3d',
      name: 'model3d-viewer',
      component: () => import('@/views/Model3DViewerView.vue'),
    },
    {
      path: '/viewer/illustrator',
      name: 'illustrator-viewer',
      component: () => import('@/views/IllustratorViewerView.vue'),
    },
    {
      path: '/viewer/photoshop',
      name: 'photoshop-viewer',
      component: () => import('@/views/PhotoshopViewerView.vue'),
    },
    {
      path: '/viewer/markdown',
      name: 'markdown-viewer',
      component: () => import('@/views/MarkdownViewerView.vue'),
    },
    {
      path: '/tools/scanner',
      name: 'tools-scanner',
      component: () => import('@/views/ToolsScannerView.vue'),
    },
    {
      path: '/tools/bg-remove',
      name: 'tools-bg-remove',
      component: () => import('@/views/ToolsBgRemoveView.vue'),
    },
    {
      path: '/tools/image-edit',
      name: 'tools-image-edit',
      component: () => import('@/views/ToolsImageEditView.vue'),
    },
    {
      path: '/licenses',
      name: 'licenses',
      component: () => import('@/views/LicensesView.vue'),
    },
  ],
  scrollBehavior() {
    return { top: 0 };
  },
});

export default router;