errors only show up on build, fine otherwise

Hi. These errors only show up on build.
Is there a way to bypass them? The project runs fine in dev

node_modules/vite-plugin-vue-layouts/client.d.ts:3:19 - error TS7010: 'setupLayouts', which lacks return-type annotation, implicitly has an 'any' return type.

3   export function setupLayouts(routes: RouteRecordRaw[])
                    ~~~~~~~~~~~~

node_modules/vite-plugin-vue-layouts/client.d.ts:8:19 - error TS7010: 'setupLayouts', which lacks return-type annotation, implicitly has an 'any' return type.

8   export function setupLayouts(routes: RouteRecordRaw[])
                    ~~~~~~~~~~~~

node_modules/vite-plugin-vue-layouts/client.d.ts:9:19 - error TS7010: 'createRouterLayout', which lacks return-type annotation, implicitly has an 'any' return type.

9   export function createRouterLayout(
                    ~~~~~~~~~~~~~~~~~~

node_modules/vite-plugin-vue-layouts/client.d.ts:10:46 - error TS2304: Cannot find name 'Component'.

10     resolve: (layoutName: string) => Promise<Component | { default: Component }>)
                                                ~~~~~~~~~

node_modules/vite-plugin-vue-layouts/client.d.ts:10:69 - error TS2304: Cannot find name 'Component'.

10     resolve: (layoutName: string) => Promise<Component | { default: Component }>)

[JohnCampionJr]

@gigioSouza Will get this merged this weekend, thank you!

[sougiovn]

@CharlesOkwuagwu while the solution isn’t merged, you can do the same as I.

Create a file named vite-plugin-vue-layouts.d.ts in your projects root dir with the following content.

declare module 'layouts-generated' {
  import { RouteRecordRaw } from 'vue-router'
  export function setupLayouts(routes: RouteRecordRaw[]): RouteRecordRaw[]
}

declare module 'virtual:generated-layouts' {
  import { RouteRecordRaw } from 'vue-router'
  import { Component } from 'vue'
  export function setupLayouts(routes: RouteRecordRaw[]): RouteRecordRaw[]
  export function createRouterLayout(
    resolve: (layoutName: string) => Promise<Component | { default: Component }>): Promise<Component | { default: Component }>
}

And then in your tsconfig.json add "vite-plugin-vue-layouts.d.ts" to the include attribute.

...
    "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "vite-plugin-vue-layouts.d.ts"],
...