import { createApp } from 'vue';
import App from '/@/App.vue';
import 'ant-design-vue/dist/antd.css';
import '/@/theme/variable.scss';
import * as commonComponents from './index';
import { isFunction } from 'lodash-es';
import { createRouter, createWebHistory } from 'vue-router';

import { http } from "/nerv-lib/util/http";
import NsIcon from "/@/view/chart/icon.vue";
const components = {
  ...commonComponents,
};

const routes = [
  {
    path: '/wisdom-parking',
    name: 'wisdom-parking',
    component: () => import('/@/view/wuhu/wuhu-screen.vue'),
  },
  {
    path: '/wisdom-parking-2',
    name: 'wisdom-parking-2',
    component: () => import('/@/view/wuhu2/wuhu-screen2.vue'),
  },
  {
    path: '/wisdom-parking-3',
    name: 'wisdom-parking-3',
    component: () => import('/@/view/wuhu3/wuhu-screen3.vue'),
  },
  {
    path: '/wisdom-parking-4',
    name: 'wisdom-parking-4',
    component: () => import('/@/view/wuhu4/wuhu-screen4.vue'),
  }
];

export const router = createRouter({
  history: createWebHistory(import.meta.env.VITE_PUBLIC_PATH as string),
  routes: routes,
  strict: true,
  scrollBehavior: () => ({ left: 0, top: 0 }),
});
http.setTimeout(30 * 1000);

const app = createApp(App);

function registerGlobalComponent(app: App) {
  Object.keys(components).forEach((key) => {
    const component = components[key];
    if (component.install || isFunction(component)) {
      app.use(component);
    }
  });
}
registerGlobalComponent(app);
// paasInit({
//   app,
//   apiModule,
//   appConfig,
// });
app.use(router)
app.component(NsIcon.name, NsIcon);

app.mount('#app');

// const requireAll = requireContext => requireContext.keys().map(requireContext)
// const req = require.context('./icon', false, /\.svg$/)
// requireAll(req)