vue3 typescript question. what type is lazy-loading vue-router?

Question

export default {
  path: '/about',
  name: 'About',
  // route level code-splitting
  // this generates a separate chunk (about.[hash].js) for this route
  // which is lazy-loaded when the route is visited.
  component: (): Promise<any> => import(/* webpackChunkName: "about" */ '../../views/About.vue'),
};

I am using Vue3 & vue-router & eslint air-bnb,

the eslint check says i need to set the right type, how do i check the type and what type should fill to avoid the eslint check? many thanks

Answer 1

The correct return type is Promise<RouteComponent>

import { RouteComponent } from "vue-router";

export default {
  path: '/about',
  name: 'About',
  component: (): Promise<RouteComponent> => import('../../views/About.vue'),
};