import type { RouteRecordRaw } from 'vue-router';

function Layout() {
  return import('@/layouts/index.vue');
}

const routes: RouteRecordRaw = {
  path: '/storage',
  component: Layout,
  redirect: '/storage/config',
  name: 'StorageMenu',
  meta: {
    title: '存储配置',
    icon: 'mingcute:storage-line',
  },
  children: [
    {
      path: 'localStorage',
      name: 'LocalStorage',
      component: () => import('@/views/storage/localStorage.vue'),
      meta: {
        title: '本地存储',
        icon: 'icon-park-outline:cloud-storage',
      },
    },
    {
      path: 's3',
      name: 'StorageS3',
      component: () => import('@/views/storage/s3.vue'),
      meta: {
        title: 'S3存储',
        icon: 'mdi:aws',
      },
    },
    {
      path: 'tencent',
      name: 'StorageTencent',
      component: () => import('@/views/storage/tencent.vue'),
      meta: {
        title: '腾讯云COS',
        icon: 'teenyicons:cost-estimate-outline',
      },
    },
    {
      path: 'ali',
      name: 'StorageAli',
      component: () => import('@/views/storage/ali.vue'),
      meta: {
        title: '阿里云OSS',
        icon: 'material-symbols:home-storage-outline',
      },
    },
    // {
    //   path: 'chevereto',
    //   name: 'StorageChevereto',
    //   component: () => import('@/views/storage/chevereto.vue'),
    //   meta: {
    //     title: 'chevereto图床',
    //     icon: 'material-symbols:image-outline',
    //   },
    // },
  ],
};

export default routes;
