There's too many errors from VSCode out of the box

There's too many errors coming from all Vue files.
Is there any way to fix them?
Please help.

Cheers,
Mizan

Example:
* Account.vue

Type '{ href: string; class: string; dataBsToggle: string; "data-bs-toggle": string; dataBsTarget: string; "data-bs-target": string; }' is not assignable to type 'HTMLAttributes'.
Property 'dataBsToggle' does not exist on type 'HTMLAttributes'.ts(2322)

* App.vue
const RouterView: new () => {
$props: AllowedComponentProps & ComponentCustomProps & VNodeProps & RouterViewProps;
$slots: {
...;
};
}
'RouterView' cannot be used as a JSX component.
Its instance type '{ $props: AllowedComponentProps & ComponentCustomProps & VNodeProps & RouterViewProps; $slots: { ...; }; }' is not a valid JSX element.ts(2786)

* Settings.vue
JSX element class does not support attributes because it does not have a 'props' property.ts(2607)
'Field' cannot be used as a JSX component.
Its instance type '{ $: ComponentInternalInstance; $data: {}; $props: Partial & Omit; ... 10 more ...; $watch(source: string | Function, cb: Function, options?: WatchOptions...' is not a valid JSX element.ts(2786)