Skip to content

Improve optionality detection in mapped type indexed access substitutions - #57946

Merged
Anders Hejlsberg (ahejlsberg) merged 9 commits into
mainfrom
fix57860
Mar 27, 2024
Merged

Improve optionality detection in mapped type indexed access substitutions#57946
Anders Hejlsberg (ahejlsberg) merged 9 commits into
mainfrom
fix57860

Conversation

@ahejlsberg

@ahejlsberg Anders Hejlsberg (ahejlsberg) commented Mar 26, 2024

Copy link
Copy Markdown
Member

Fixes #57860.

@typescript-bot TypeScript Bot (typescript-bot) added Author: Team For Uncommitted Bug PR for untriaged, rejected, closed or missing bug labels Mar 26, 2024
@typescript-bot TypeScript Bot (typescript-bot) added For Milestone Bug PRs that fix a bug with a specific milestone and removed For Uncommitted Bug PR for untriaged, rejected, closed or missing bug labels Mar 26, 2024
ahejlsberg
Anders Hejlsberg (ahejlsberg) commented Mar 26, 2024
View reviewed changes
Comment thread src/compiler/checker.ts Outdated

function getModifiersTypeOptionality(type: Type): number {
return type.flags & TypeFlags.Intersection ? Math.max(...map((type as IntersectionType).types, getModifiersTypeOptionality)) :
return type.flags & TypeFlags.Intersection ? Math.min(...map((type as IntersectionType).types, getModifiersTypeOptionality)) :

@ahejlsberg Anders Hejlsberg (ahejlsberg) Mar 26, 2024

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Only claim that intersections add optionality when all constituents do so. Previously, optionality in any constituent would cause us to claim optionality for the entire intersection, but that is too aggressive.

ahejlsberg
Anders Hejlsberg (ahejlsberg) commented Mar 26, 2024
View reviewed changes
Comment thread src/compiler/checker.ts
return addOptionality(instantiatedTemplateType, /*isProperty*/ true, getCombinedMappedTypeOptionality(objectType) > 0);
const isOptional = getMappedTypeOptionality(objectType) > 0 || (isGenericType(objectType) ?
getModifiersTypeOptionality(getModifiersTypeFromMappedType(objectType)) > 0 :
couldAccessOptionalProperty(objectType, index));

@ahejlsberg Anders Hejlsberg (ahejlsberg) Mar 26, 2024

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

When processing a substitution for { [P in K]: E}[X], when { [P in K]: E } is non-generic, examine the actual properties selected by X to see if some are optional.

@ahejlsberg

Anders Hejlsberg (ahejlsberg) commented Mar 26, 2024

Copy link
Copy Markdown
Member Author

TypeScript Bot (@typescript-bot) test top200
TypeScript Bot (@typescript-bot) user test this
TypeScript Bot (@typescript-bot) run dt
TypeScript Bot (@typescript-bot) perf test this faster

@typescript-bot

TypeScript Bot (typescript-bot) commented Mar 26, 2024 •
edited
Loading

Copy link
Copy Markdown
Contributor

Starting jobs; this comment will be updated as builds start and complete.

Command Status Results
test top200 ✅ Started 👀 Results
user test this ✅ Started ✅ Results
run dt ✅ Started 👀 Results
perf test this faster ✅ Started 👀 Results

@typescript-bot

TypeScript Bot (typescript-bot) commented Mar 26, 2024

Copy link
Copy Markdown
Contributor

Anders Hejlsberg (@ahejlsberg) Here are the results of running the user tests comparing main and refs/pull/57946/merge:

Everything looks good!

@typescript-bot

TypeScript Bot (typescript-bot) commented Mar 26, 2024

Copy link
Copy Markdown
Contributor

Hey Anders Hejlsberg (@ahejlsberg), the results of running the DT tests are ready.

There were interesting changes:

Branch only errors:

Package: vue3-carousel-3d
Error:

Error: 
/mnt/vss/_work/1/DefinitelyTyped/types/vue3-carousel-3d/vue3-carousel-3d-tests.ts
  7:9  error  TypeScript@local compile error: 
Type 'Component<Carousel3dProps>' is not assignable to type 'Component<any, any, any, ComputedOptions, MethodOptions, {}, any>'.
  Type 'ComponentOptions<Carousel3dProps, any, any, ComputedOptions, MethodOptions, any, any, any, any>' is not assignable to type 'Component<any, any, any, ComputedOptions, MethodOptions, {}, any>'.
    Type 'ComponentOptions<Carousel3dProps, any, any, ComputedOptions, MethodOptions, any, any, any, any>' is not assignable to type 'FunctionalComponent<any, {}, any, {}>'.
      Type 'ComponentOptionsBase<Carousel3dProps, any, any, ComputedOptions, MethodOptions, any, any, any, string, any, {}, string, {}> & ThisType<...>' provides no match for the signature '(props: any, ctx: Omit<{ attrs: Data; slots: Readonly<InternalSlots>; emit: (event: string, ...args: any[]) => void; expose: (exposed?: Record<string, any> | undefined) => void; }, "expose">): any'  @definitelytyped/expect
  8:9  error  TypeScript@local compile error: 
Type 'Component<SlideProps>' is not assignable to type 'Component<any, any, any, ComputedOptions, MethodOptions, {}, any>'.
  Type 'ComponentOptions<SlideProps, any, any, ComputedOptions, MethodOptions, any, any, any, any>' is not assignable to type 'Component<any, any, any, ComputedOptions, MethodOptions, {}, any>'.
    Type 'ComponentOptions<SlideProps, any, any, ComputedOptions, MethodOptions, any, any, any, any>' is not assignable to type 'FunctionalComponent<any, {}, any, {}>'.
      Type 'ComponentOptionsBase<SlideProps, any, any, ComputedOptions, MethodOptions, any, any, any, string, any, {}, string, {}> & ThisType<...>' provides no match for the signature '(props: any, ctx: Omit<{ attrs: Data; slots: Readonly<InternalSlots>; emit: (event: string, ...args: any[]) => void; expose: (exposed?: Record<string, any> | undefined) => void; }, "expose">): any'                      @definitelytyped/expect

✖ 2 problems (2 errors, 0 warnings)

    at combineErrorsAndWarnings (/mnt/vss/_work/1/DefinitelyTyped/node_modules/.pnpm/@definitelytyped+dtslint@0.2.19_typescript@5.5.0-dev.20240326/node_modules/@definitelytyped/dtslint/dist/index.js:194:28)
    at runTests (/mnt/vss/_work/1/DefinitelyTyped/node_modules/.pnpm/@definitelytyped+dtslint@0.2.19_typescript@5.5.0-dev.20240326/node_modules/@definitelytyped/dtslint/dist/index.js:186:20)

You can check the log here.

@typescript-bot

TypeScript Bot (typescript-bot) commented Mar 26, 2024

Copy link
Copy Markdown
Contributor

Anders Hejlsberg (@ahejlsberg)
The results of the perf run you requested are in!

Here they are:

tsc

Comparison Report - baseline..pr
Metric baseline pr Delta Best Worst p-value
Angular - node (v18.15.0, x64)
Memory used 295,493k (± 0.01%) 295,478k (± 0.00%) ~ 295,469k 295,499k p=0.148 n=6
Parse Time 2.66s (± 0.24%) 2.66s (± 0.28%) ~ 2.65s 2.67s p=0.718 n=6
Bind Time 0.82s (± 0.63%) 0.83s (± 1.19%) ~ 0.82s 0.84s p=0.417 n=6
Check Time 8.18s (± 0.24%) 8.17s (± 0.25%) ~ 8.15s 8.20s p=0.871 n=6
Emit Time 7.06s (± 0.44%) 7.04s (± 0.25%) ~ 7.02s 7.07s p=0.168 n=6
Total Time 18.73s (± 0.14%) 18.71s (± 0.18%) ~ 18.67s 18.75s p=0.687 n=6
Compiler-Unions - node (v18.15.0, x64)
Memory used 192,528k (± 0.81%) 192,500k (± 0.75%) ~ 191,855k 195,447k p=0.810 n=6
Parse Time 1.64s (± 0.83%) 1.65s (± 1.31%) ~ 1.61s 1.67s p=0.681 n=6
Bind Time 0.86s (± 1.41%) 0.86s (± 0.73%) ~ 0.85s 0.87s p=0.403 n=6
Check Time 11.29s (± 0.47%) 11.31s (± 0.49%) ~ 11.21s 11.37s p=0.253 n=6
Emit Time 3.15s (± 0.45%) 3.15s (± 0.39%) ~ 3.14s 3.17s p=0.615 n=6
Total Time 16.94s (± 0.43%) 16.97s (± 0.47%) ~ 16.82s 17.04s p=0.334 n=6
Monaco - node (v18.15.0, x64)
Memory used 347,372k (± 0.00%) 347,375k (± 0.00%) ~ 347,358k 347,397k p=0.748 n=6
Parse Time 2.50s (± 0.22%) 2.48s (± 0.49%) -0.01s (- 0.47%) 2.46s 2.49s p=0.038 n=6
Bind Time 0.92s (± 0.59%) 0.93s (± 0.44%) ~ 0.92s 0.93s p=0.282 n=6
Check Time 7.00s (± 0.41%) 7.02s (± 0.32%) ~ 7.00s 7.06s p=0.195 n=6
Emit Time 4.07s (± 0.52%) 4.08s (± 0.73%) ~ 4.04s 4.12s p=0.515 n=6
Total Time 14.50s (± 0.18%) 14.51s (± 0.20%) ~ 14.49s 14.56s p=0.418 n=6
TFS - node (v18.15.0, x64)
Memory used 302,726k (± 0.02%) 302,701k (± 0.01%) ~ 302,673k 302,749k p=0.521 n=6
Parse Time 2.40s (± 1.38%) 2.44s (± 0.70%) +0.04s (+ 1.81%) 2.42s 2.47s p=0.043 n=6
Bind Time 1.19s (± 1.30%) 1.21s (± 0.69%) +0.03s (+ 2.10%) 1.20s 1.22s p=0.024 n=6
Check Time 7.46s (± 0.49%) 7.43s (± 0.26%) ~ 7.41s 7.46s p=0.145 n=6
Emit Time 4.30s (± 0.50%) 4.28s (± 0.55%) ~ 4.26s 4.31s p=0.223 n=6
Total Time 15.35s (± 0.34%) 15.37s (± 0.18%) ~ 15.34s 15.41s p=0.470 n=6
material-ui - node (v18.15.0, x64)
Memory used 509,893k (± 0.00%) 509,879k (± 0.01%) ~ 509,830k 509,918k p=0.575 n=6
Parse Time 2.66s (± 0.37%) 2.65s (± 0.57%) ~ 2.62s 2.66s p=0.070 n=6
Bind Time 0.99s (± 0.83%) 0.98s (± 1.54%) ~ 0.97s 1.01s p=0.739 n=6
Check Time 17.20s (± 0.34%) 17.30s (± 0.49%) ~ 17.20s 17.44s p=0.065 n=6
Emit Time 0.00s (± 0.00%) 0.00s (± 0.00%) ~ 0.00s 0.00s p=1.000 n=6
Total Time 20.85s (± 0.27%) 20.93s (± 0.44%) ~ 20.82s 21.09s p=0.126 n=6
mui-docs - node (v18.15.0, x64)
Memory used 1,737,587k (± 0.00%) 1,737,556k (± 0.00%) ~ 1,737,543k 1,737,582k p=0.128 n=6
Parse Time 7.77s (± 0.41%) 7.76s (± 0.68%) ~ 7.70s 7.85s p=0.469 n=6
Bind Time 2.77s (± 0.48%) 2.78s (± 1.61%) ~ 2.75s 2.87s p=0.869 n=6
Check Time 66.30s (± 0.41%) 66.17s (± 0.67%) ~ 65.68s 66.94s p=0.471 n=6
Emit Time 0.15s (± 3.36%) 0.15s (± 3.53%) ~ 0.15s 0.16s p=0.640 n=6
Total Time 76.99s (± 0.36%) 76.86s (± 0.55%) ~ 76.31s 77.59s p=0.336 n=6
self-build-src - node (v18.15.0, x64)
Memory used 2,388,890k (± 0.05%) 2,388,776k (± 0.03%) ~ 2,388,114k 2,390,024k p=0.810 n=6
Parse Time 5.05s (± 0.69%) 5.01s (± 1.04%) ~ 4.94s 5.07s p=0.199 n=6
Bind Time 1.90s (± 0.99%) 1.90s (± 0.61%) ~ 1.89s 1.92s p=0.285 n=6
Check Time 33.55s (± 0.49%) 33.51s (± 0.30%) ~ 33.37s 33.64s p=0.471 n=6
Emit Time 2.65s (± 0.77%) 2.65s (± 0.70%) ~ 2.63s 2.68s p=0.744 n=6
Total Time 43.17s (± 0.25%) 43.09s (± 0.16%) ~ 43.00s 43.16s p=0.066 n=6
self-compiler - node (v18.15.0, x64)
Memory used 414,550k (± 0.01%) 414,627k (± 0.02%) +78k (+ 0.02%) 414,559k 414,773k p=0.008 n=6
Parse Time 4.18s (± 1.04%) 4.18s (± 0.63%) ~ 4.14s 4.22s p=1.000 n=6
Bind Time 1.59s (± 1.47%) 1.59s (± 1.52%) ~ 1.56s 1.63s p=1.000 n=6
Check Time 22.17s (± 0.41%) 22.15s (± 0.36%) ~ 22.04s 22.25s p=0.688 n=6
Emit Time 1.68s (± 1.15%) 1.69s (± 1.89%) ~ 1.65s 1.74s p=0.418 n=6
Total Time 29.64s (± 0.45%) 29.63s (± 0.34%) ~ 29.45s 29.72s p=0.936 n=6
vscode - node (v18.15.0, x64)
Memory used 2,892,388k (± 0.00%) 2,892,417k (± 0.00%) ~ 2,892,365k 2,892,456k p=0.810 n=6
Parse Time 15.95s (± 0.41%) 15.93s (± 0.22%) ~ 15.89s 15.97s p=0.378 n=6
Bind Time 5.06s (± 0.47%) 5.05s (± 0.41%) ~ 5.02s 5.07s p=0.331 n=6
Check Time 86.95s (± 0.16%) 86.88s (± 0.57%) ~ 86.41s 87.74s p=0.630 n=6
Emit Time 23.69s (± 0.56%) 23.77s (± 0.46%) ~ 23.64s 23.90s p=0.261 n=6
Total Time 131.65s (± 0.19%) 131.63s (± 0.40%) ~ 131.15s 132.61s p=0.630 n=6
webpack - node (v18.15.0, x64)
Memory used 408,329k (± 0.01%) 408,322k (± 0.01%) ~ 408,292k 408,351k p=0.936 n=6
Parse Time 3.89s (± 0.99%) 3.90s (± 0.39%) ~ 3.87s 3.91s p=0.683 n=6
Bind Time 1.66s (± 1.37%) 1.68s (± 0.88%) ~ 1.65s 1.69s p=0.137 n=6
Check Time 16.71s (± 0.20%) 16.68s (± 0.35%) ~ 16.58s 16.75s p=0.374 n=6
Emit Time 0.00s (± 0.00%) 0.00s (± 0.00%) ~ 0.00s 0.00s p=1.000 n=6
Total Time 22.26s (± 0.33%) 22.26s (± 0.25%) ~ 22.16s 22.33s p=0.377 n=6
xstate - node (v18.15.0, x64)
Memory used 513,029k (± 0.01%) 513,084k (± 0.02%) ~ 512,974k 513,245k p=0.298 n=6
Parse Time 3.97s (± 1.04%) 3.97s (± 1.06%) ~ 3.92s 4.02s p=1.000 n=6
Bind Time 1.85s (± 1.16%) 1.86s (± 0.79%) ~ 1.84s 1.88s p=0.514 n=6
Check Time 3.38s (± 0.77%) 3.36s (± 0.50%) ~ 3.34s 3.38s p=0.256 n=6
Emit Time 0.09s (± 5.95%) 0.09s (± 4.62%) ~ 0.08s 0.09s p=0.595 n=6
Total Time 9.29s (± 0.70%) 9.28s (± 0.42%) ~ 9.24s 9.35s p=0.809 n=6
System info unknown
Hosts
  • node (v18.15.0, x64)
Scenarios
  • Angular - node (v18.15.0, x64)
  • Compiler-Unions - node (v18.15.0, x64)
  • Monaco - node (v18.15.0, x64)
  • TFS - node (v18.15.0, x64)
  • material-ui - node (v18.15.0, x64)
  • mui-docs - node (v18.15.0, x64)
  • self-build-src - node (v18.15.0, x64)
  • self-compiler - node (v18.15.0, x64)
  • vscode - node (v18.15.0, x64)
  • webpack - node (v18.15.0, x64)
  • xstate - node (v18.15.0, x64)
Benchmark Name Iterations
Current pr 6
Baseline baseline 6

Developer Information:

Download Benchmarks

@typescript-bot

TypeScript Bot (typescript-bot) commented Mar 26, 2024

Copy link
Copy Markdown
Contributor

Anders Hejlsberg (@ahejlsberg) Here are the results of running the top 400 repos comparing main and refs/pull/57946/merge:

Something interesting changed - please have a look.

Details

vuetifyjs/vuetify

3 of 7 projects failed to build with the old tsc and were ignored

packages/vuetify/tsconfig.json

  • error TS2345: Argument of type 'Ref<CreateComponentPublicInstance<{ style: StyleValue; disabled: boolean; absolute: boolean; transition: string | boolean | (TransitionProps & { component?: Component | undefined; }); zIndex: string | number; modelValue: boolean; origin: Anchor | "auto" | "overlap"; eager: boolean; location: Anchor; locationStrategy: "static" | LocationStrategyFn | "connected"; scrollStrategy: "close" | "none" | "block" | ScrollStrategyFn | "reposition"; activatorProps: Record<string, any>; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; _disableGlobalStack: boolean; } & { class?: any; width?: string | number | undefined; height?: string | number | undefined; theme?: string | undefined; target?: Element | (string & {}) | ComponentPublicInstance | "parent" | "cursor" | [x: number, y: number] | undefined; offset?: string | number | number[] | undefined; contentClass?: any; opacity?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; activator?: Element | (string & {}) | ComponentPublicInstance | "parent" | undefined; closeDelay?: string | number | undefined; openDelay?: string | number | undefined; openOnClick?: boolean | undefined; openOnFocus?: boolean | undefined; contentProps?: any; attach?: string | boolean | Element | undefined; } & { $children?: VNodeChild | { default?: ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } | ((arg: { isActive: Ref<boolean>; }) => VNodeChild); 'v-slots'?: { default?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } & { "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; onAfterLeave?: (() => any) | undefined; "onClick:outside"?: ((e: MouseEvent) => any) | undefined; }, { activatorEl: Ref<HTMLElement | undefined>; scrimEl: Ref<HTMLElement | undefined>; target: ComputedRef<HTMLElement | [x: number, y: number] | undefined>; animateClick: () => void; contentEl: Ref<HTMLElement | undefined>; globalTop: Readonly<Ref<boolean>>; localTop: ComputedRef<boolean>; updateLocation: Ref<((e: Event) => void) | undefined>; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { 'click:outside': (e: MouseEvent) => true; 'update:modelValue': (value: boolean) => true; afterLeave: () => true; }, VNodeProps & AllowedComponentProps & ComponentCustomProps & { style: StyleValue; disabled: boolean; absolute: boolean; transition: string | boolean | (TransitionProps & { component?: Component | undefined; }); zIndex: string | number; modelValue: boolean; origin: Anchor | "auto" | "overlap"; eager: boolean; location: Anchor; locationStrategy: "static" | LocationStrategyFn | "connected"; scrollStrategy: "close" | "none" | "block" | ScrollStrategyFn | "reposition"; activatorProps: Record<string, any>; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; _disableGlobalStack: boolean; } & { class?: any; width?: string | number | undefined; height?: string | number | undefined; theme?: string | undefined; target?: Element | (string & {}) | ComponentPublicInstance | "parent" | "cursor" | [x: number, y: number] | undefined; offset?: string | number | number[] | undefined; contentClass?: any; opacity?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; activator?: Element | (string & {}) | ComponentPublicInstance | "parent" | undefined; closeDelay?: string | number | undefined; openDelay?: string | number | undefined; openOnClick?: boolean | undefined; openOnFocus?: boolean | undefined; contentProps?: any; attach?: string | boolean | Element | undefined; } & { $children?: VNodeChild | { default?: ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } | ((arg: { isActive: Ref<boolean>; }) => VNodeChild); 'v-slots'?: { default?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } & { "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; onAfterLeave?: (() => any) | undefined; "onClick:outside"?: ((e: MouseEvent) => any) | undefined; }, { style: StyleValue; disabled: boolean; absolute: boolean; transition: string | boolean | (TransitionProps & { component?: Component | undefined; }); zIndex: string | number; modelValue: boolean; origin: Anchor | "auto" | "overlap"; eager: boolean; location: Anchor; locationStrategy: "static" | LocationStrategyFn | "connected"; scrollStrategy: "close" | "none" | "block" | ScrollStrategyFn | "reposition"; activatorProps: Record<string, any>; openOnClick: boolean; openOnHover: boolean; openOnFocus: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; _disableGlobalStack: boolean; }, true, {}, SlotsType<Partial<MakeSlots<OverlaySlots>>>, OptionTypesType<{}, {}, {}, {}, {}, {}>, { style: StyleValue; disabled: boolean; absolute: boolean; transition: string | boolean | (TransitionProps & { component?: Component | undefined; }); zIndex: string | number; modelValue: boolean; origin: Anchor | "auto" | "overlap"; eager: boolean; location: Anchor; locationStrategy: "static" | LocationStrategyFn | "connected"; scrollStrategy: "close" | "none" | "block" | ScrollStrategyFn | "reposition"; activatorProps: Record<string, any>; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; _disableGlobalStack: boolean; } & { class?: any; width?: string | number | undefined; height?: string | number | undefined; theme?: string | undefined; target?: Element | (string & {}) | ComponentPublicInstance | "parent" | "cursor" | [x: number, y: number] | undefined; offset?: string | number | number[] | undefined; contentClass?: any; opacity?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; activator?: Element | (string & {}) | ComponentPublicInstance | "parent" | undefined; closeDelay?: string | number | undefined; openDelay?: string | number | undefined; openOnClick?: boolean | undefined; openOnFocus?: boolean | undefined; contentProps?: any; attach?: string | boolean | Element | undefined; } & { $children?: VNodeChild | { default?: ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } | ((arg: { isActive: Ref<boolean>; }) => VNodeChild); 'v-slots'?: { default?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } & { "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; onAfterLeave?: (() => any) | undefined; "onClick:outside"?: ((e: MouseEvent) => any) | undefined; }, { activatorEl: Ref<HTMLElement | undefined>; scrimEl: Ref<HTMLElement | undefined>; target: ComputedRef<HTMLElement | [x: number, y: number] | undefined>; animateClick: () => void; contentEl: Ref<HTMLElement | undefined>; globalTop: Readonly<Ref<boolean>>; localTop: ComputedRef<boolean>; updateLocation: Ref<((e: Event) => void) | undefined>; }, {}, {}, {}, { style: StyleValue; disabled: boolean; absolute: boolean; transition: string | boolean | (TransitionProps & { component?: Component | undefined; }); zIndex: string | number; modelValue: boolean; origin: Anchor | "auto" | "overlap"; eager: boolean; location: Anchor; locationStrategy: "static" | LocationStrategyFn | "connected"; scrollStrategy: "close" | "none" | "block" | ScrollStrategyFn | "reposition"; activatorProps: Record<string, any>; openOnClick: boolean; openOnHover: boolean; openOnFocus: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; _disableGlobalStack: boolean; }> | undefined>' is not assignable to parameter of type 'Ref<HTMLElement | Omit<ComponentPublicInstance, "$slots" | "$emit"> | undefined>'.
  • error TS2345: Argument of type 'Ref<({ $: ComponentInternalInstance; $data: {}; $props: Partial<{ style: StyleValue; error: boolean; disabled: boolean | null; messages: string | readonly string[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly ValidationRule[]; density: Density; direction: "horizontal" | "vertical"; centerAffix: boolean; hideSpinButtons: boolean; persistentHint: boolean; }> & Omit<{ style: StyleValue; error: boolean; disabled: boolean | null; messages: string | readonly string[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly ValidationRule[]; density: Density; direction: "horizontal" | "vertical"; centerAffix: boolean; hideSpinButtons: boolean; persistentHint: boolean; class?: any; id?: string | undefined; label?: string | undefined; name?: string | undefined; 'onUpdate:focused'?: ((args_0: boolean) => void) | undefined; validateOn?: ValidateOnValue | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined; validationValue?: any; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; 'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined; 'onClick:append'?: ((args_0: MouseEvent) => void) | undefined; hint?: string | undefined; hideDetails?: boolean | "auto" | undefined; } & VNodeProps & AllowedComponentProps & ComponentCustomProps & { style: StyleValue; error: boolean; disabled: boolean | null; messages: string | readonly string[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly ValidationRule[]; density: Density; direction: "horizontal" | "vertical"; centerAffix: boolean; hideSpinButtons: boolean; persistentHint: boolean; } & { class?: any; id?: string | undefined; label?: string | undefined; name?: string | undefined; 'onUpdate:focused'?: ((args_0: boolean) => void) | undefined; validateOn?: ValidateOnValue | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined; validationValue?: any; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; 'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined; 'onClick:append'?: ((args_0: MouseEvent) => void) | undefined; hint?: string | undefined; hideDetails?: boolean | "auto" | undefined; } & {}, DefaultKeys<Omit<{ focused: BooleanConstructor; 'onUpdate:focused': PropType<(args_0: boolean) => void>; disabled: { type: PropType<boolean | null>; default: null; }; error: BooleanConstructor; errorMessages: { type: PropType<string | readonly string[] | null>; default: () => never[]; }; maxErrors: { type: (StringConstructor | NumberConstructor)[]; default: number; }; name: StringConstructor; label: StringConstructor; readonly: { type: PropType<boolean | null>; default: null; }; rules: { type: PropType<readonly ValidationRule[]>; default: () => never[]; }; modelValue: null; validateOn: PropType<ValidationProps["validateOn"]>; validationValue: null; density: { type: PropType<Density>; default: string; validator: (v: any) => boolean; }; class: PropType<ClassValue>; style: { type: PropType<StyleValue>; default: null; }; id: StringConstructor; appendIcon: PropType<IconValue>; centerAffix: { type: BooleanConstructor; default: boolean; }; prependIcon: PropType<IconValue>; hideDetails: PropType<boolean | "auto">; hideSpinButtons: BooleanConstructor; hint: StringConstructor; persistentHint: BooleanConstructor; messages: { type: PropType<string | readonly string[]>; default: () => never[]; }; direction: { type: PropType<"horizontal" | "vertical">; default: string; validator: (v: any) => boolean; }; 'onClick:prepend': PropType<(args_0: MouseEvent) => void>; 'onClick:append': PropType<(args_0: MouseEvent) => void>; }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "v-slot:message" | "v-slot:details">>>; $attrs: Data; $refs: Data; $slots: Readonly<{ default?: ((arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; prepend?: ((arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; append?: ((arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; details?: ((arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; message?: ((arg: VMessageSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; }>; $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null; $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null; $emit: (event: string, ...args: any[]) => void; $el: any; $options: ComponentOptionsBase<{ style: StyleValue; error: boolean; disabled: boolean | null; messages: string | readonly string[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly ValidationRule[]; density: Density; direction: "horizontal" | "vertical"; centerAffix: boolean; hideSpinButtons: boolean; persistentHint: boolean; } & { class?: any; id?: string | undefined; label?: string | undefined; name?: string | undefined; 'onUpdate:focused'?: ((args_0: boolean) => void) | undefined; validateOn?: ValidateOnValue | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined; validationValue?: any; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; 'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined; 'onClick:append'?: ((args_0: MouseEvent) => void) | undefined; hint?: string | undefined; hideDetails?: boolean | "auto" | undefined; } & {}, { reset: () => Promise<void>; resetValidation: () => Promise<void>; validate: (silent?: boolean) => Promise<string[]>; isValid: ComputedRef<boolean | null>; errorMessages: ComputedRef<string[]>; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Omit<{ 'update:modelValue': (value: any) => true; }, ToListeners<"$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "v-slot:message" | "v-slot:details">>, string, { style: StyleValue; error: boolean; disabled: boolean | null; messages: string | readonly string[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly ValidationRule[]; density: Density; direction: "horizontal" | "vertical"; centerAffix: boolean; hideSpinButtons: boolean; persistentHint: boolean; }, {}, string, SlotsType<Partial<MakeSlots<VInputSlots>>>> & MergedComponentOptionsOverride; $forceUpdate: () => void; $nextTick: <T = void, R = void>(this: T, fn?: ((this: T) => R) | undefined) => Promise<Awaited<R>>; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle; } & Omit<{ style: StyleValue; error: boolean; disabled: boolean | null; messages: string | readonly string[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly ValidationRule[]; density: Density; direction: "horizontal" | "vertical"; centerAffix: boolean; hideSpinButtons: boolean; persistentHint: boolean; } & { class?: any; id?: string | undefined; label?: string | undefined; name?: string | undefined; 'onUpdate:focused'?: ((args_0: boolean) => void) | undefined; validateOn?: ValidateOnValue | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined; validationValue?: any; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; 'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined; 'onClick:append'?: ((args_0: MouseEvent) => void) | undefined; hint?: string | undefined; hideDetails?: boolean | "auto" | undefined; } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & ShallowUnwrapRef<{ reset: () => Promise<void>; resetValidation: () => Promise<void>; validate: (silent?: boolean) => Promise<string[]>; isValid: ComputedRef<boolean | null>; errorMessages: ComputedRef<string[]>; }> & ExtractComputedReturns<{}> & ComponentCustomProperties & {} & GenericProps<{ modelValue?: unknown; 'onUpdate:modelValue'?: ((value: unknown) => void) | undefined; }, VInputSlots>) | undefined>' is not assignable to parameter of type 'Ref<HTMLElement | Omit<ComponentPublicInstance, "$slots" | "$emit"> | undefined>'.
  • error TS2345: Argument of type 'Ref<CreateComponentPublicInstance<{ symbol: any; flat: boolean; replace: boolean; style: StyleValue; size: string | number; disabled: boolean; tag: string; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; block: boolean; exact: boolean; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; } & { class?: any; text?: string | undefined; width?: string | number | undefined; height?: string | number | undefined; active?: boolean | undefined; value?: any; theme?: string | undefined; href?: string | undefined; color?: string | undefined; loading?: string | boolean | undefined; icon?: boolean | IconValue | undefined; to?: RouteLocationRaw | undefined; border?: string | number | boolean | undefined; position?: "fixed" | "sticky" | "absolute" | "relative" | "static" | undefined; rounded?: string | number | boolean | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; elevation?: string | number | undefined; location?: Anchor | undefined; selectedClass?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; } & { $children?: VNodeChild | (() => VNodeChild) | { default?: (() => VNodeChild) | undefined; prepend?: (() => VNodeChild) | undefined; append?: (() => VNodeChild) | undefined; loader?: (() => VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => VNodeChild) | undefined; prepend?: false | (() => VNodeChild) | undefined; append?: false | (() => VNodeChild) | undefined; loader?: false | (() => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => VNodeChild) | undefined; "v-slot:prepend"?: false | (() => VNodeChild) | undefined; "v-slot:append"?: false | (() => VNodeChild) | undefined; "v-slot:loader"?: false | (() => VNodeChild) | undefined; } & { "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; }, { group: GroupItemProvide | null; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { 'group:selected': (val: { value: boolean; }) => true; }, VNodeProps & AllowedComponentProps & ComponentCustomProps & { symbol: any; flat: boolean; replace: boolean; style: StyleValue; size: string | number; disabled: boolean; tag: string; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; block: boolean; exact: boolean; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; } & { class?: any; text?: string | undefined; width?: string | number | undefined; height?: string | number | undefined; active?: boolean | undefined; value?: any; theme?: string | undefined; href?: string | undefined; color?: string | undefined; loading?: string | boolean | undefined; icon?: boolean | IconValue | undefined; to?: RouteLocationRaw | undefined; border?: string | number | boolean | undefined; position?: "fixed" | "sticky" | "absolute" | "relative" | "static" | undefined; rounded?: string | number | boolean | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; elevation?: string | number | undefined; location?: Anchor | undefined; selectedClass?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; } & { $children?: VNodeChild | (() => VNodeChild) | { default?: (() => VNodeChild) | undefined; prepend?: (() => VNodeChild) | undefined; append?: (() => VNodeChild) | undefined; loader?: (() => VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => VNodeChild) | undefined; prepend?: false | (() => VNodeChild) | undefined; append?: false | (() => VNodeChild) | undefined; loader?: false | (() => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => VNodeChild) | undefined; "v-slot:prepend"?: false | (() => VNodeChild) | undefined; "v-slot:append"?: false | (() => VNodeChild) | undefined; "v-slot:loader"?: false | (() => VNodeChild) | undefined; } & { "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; }, { symbol: any; flat: boolean; replace: boolean; style: StyleValue; size: string | number; active: boolean; disabled: boolean; tag: string; rounded: string | number | boolean; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; block: boolean; exact: boolean; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; }, true, {}, SlotsType<Partial<MakeSlots<VBtnSlots>>>, OptionTypesType<{}, {}, {}, {}, {}, {}>, { symbol: any; flat: boolean; replace: boolean; style: StyleValue; size: string | number; disabled: boolean; tag: string; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; block: boolean; exact: boolean; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; } & { class?: any; text?: string | undefined; width?: string | number | undefined; height?: string | number | undefined; active?: boolean | undefined; value?: any; theme?: string | undefined; href?: string | undefined; color?: string | undefined; loading?: string | boolean | undefined; icon?: boolean | IconValue | undefined; to?: RouteLocationRaw | undefined; border?: string | number | boolean | undefined; position?: "fixed" | "sticky" | "absolute" | "relative" | "static" | undefined; rounded?: string | number | boolean | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; elevation?: string | number | undefined; location?: Anchor | undefined; selectedClass?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; } & { $children?: VNodeChild | (() => VNodeChild) | { default?: (() => VNodeChild) | undefined; prepend?: (() => VNodeChild) | undefined; append?: (() => VNodeChild) | undefined; loader?: (() => VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => VNodeChild) | undefined; prepend?: false | (() => VNodeChild) | undefined; append?: false | (() => VNodeChild) | undefined; loader?: false | (() => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => VNodeChild) | undefined; "v-slot:prepend"?: false | (() => VNodeChild) | undefined; "v-slot:append"?: false | (() => VNodeChild) | undefined; "v-slot:loader"?: false | (() => VNodeChild) | undefined; } & { "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; }, { group: GroupItemProvide | null; }, {}, {}, {}, { symbol: any; flat: boolean; replace: boolean; style: StyleValue; size: string | number; active: boolean; disabled: boolean; tag: string; rounded: string | number | boolean; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; block: boolean; exact: boolean; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; }> | undefined>' is not assignable to parameter of type 'Ref<HTMLElement | Omit<ComponentPublicInstance, "$slots" | "$emit"> | undefined>'.
  • error TS2322: Type 'ComponentPublicInstanceConstructor<CreateComponentPublicInstance<Readonly<ExtractPropTypes<AppendDefault<{ icon: { type: PropType<IconValue>; }; tag: { type: StringConstructor; required: true; }; }, {}>>>, () => Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<AppendDefault<{ icon: { type: PropType<IconValue>; }; tag: { type: StringConstructor; required: true; }; }, {}>>>, {}, true, {}, {}, OptionTypesType<{}, {}, {}, {}, {}, {}>, Readonly<ExtractPropTypes<AppendDefault<{ icon: { type: PropType<IconValue>; }; tag: { type: StringConstructor; required: true; }; }, {}>>>, () => Element, {}, {}, {}, {}>, any, any, any, ComputedOptions, MethodOptions> & ComponentOptionsBase<Readonly<ExtractPropTypes<AppendDefault<{ icon: { type: PropType<IconValue>; }; tag: { type: StringConstructor; required: true; }; }, {}>>>, () => Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<AppendDefault<{ icon: { type: PropType<IconValue>; }; tag: { type: StringConstructor; required: true; }; }, {}>, ExtractPropTypes<AppendDefault<{ icon: { type: PropType<IconValue>; }; tag: { type: StringConstructor; required: true; }; }, {}>>>' is not assignable to type 'IconComponent'.
  • error TS2769: No overload matches this call.

packages/vuetify/tsconfig.dist.json

  • error TS2345: Argument of type 'Ref<CreateComponentPublicInstance<{ style: StyleValue; disabled: boolean; absolute: boolean; transition: string | boolean | (TransitionProps & { component?: Component | undefined; }); zIndex: string | number; modelValue: boolean; origin: Anchor | "auto" | "overlap"; eager: boolean; location: Anchor; locationStrategy: "static" | LocationStrategyFn | "connected"; scrollStrategy: "close" | "none" | "block" | ScrollStrategyFn | "reposition"; activatorProps: Record<string, any>; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; _disableGlobalStack: boolean; } & { class?: any; width?: string | number | undefined; height?: string | number | undefined; theme?: string | undefined; target?: Element | (string & {}) | ComponentPublicInstance | "parent" | "cursor" | [x: number, y: number] | undefined; offset?: string | number | number[] | undefined; contentClass?: any; opacity?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; activator?: Element | (string & {}) | ComponentPublicInstance | "parent" | undefined; closeDelay?: string | number | undefined; openDelay?: string | number | undefined; openOnClick?: boolean | undefined; openOnFocus?: boolean | undefined; contentProps?: any; attach?: string | boolean | Element | undefined; } & { $children?: VNodeChild | { default?: ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } | ((arg: { isActive: Ref<boolean>; }) => VNodeChild); 'v-slots'?: { default?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } & { "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; onAfterLeave?: (() => any) | undefined; "onClick:outside"?: ((e: MouseEvent) => any) | undefined; }, { activatorEl: Ref<HTMLElement | undefined>; scrimEl: Ref<HTMLElement | undefined>; target: ComputedRef<HTMLElement | [x: number, y: number] | undefined>; animateClick: () => void; contentEl: Ref<HTMLElement | undefined>; globalTop: Readonly<Ref<boolean>>; localTop: ComputedRef<boolean>; updateLocation: Ref<((e: Event) => void) | undefined>; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { 'click:outside': (e: MouseEvent) => true; 'update:modelValue': (value: boolean) => true; afterLeave: () => true; }, VNodeProps & AllowedComponentProps & ComponentCustomProps & { style: StyleValue; disabled: boolean; absolute: boolean; transition: string | boolean | (TransitionProps & { component?: Component | undefined; }); zIndex: string | number; modelValue: boolean; origin: Anchor | "auto" | "overlap"; eager: boolean; location: Anchor; locationStrategy: "static" | LocationStrategyFn | "connected"; scrollStrategy: "close" | "none" | "block" | ScrollStrategyFn | "reposition"; activatorProps: Record<string, any>; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; _disableGlobalStack: boolean; } & { class?: any; width?: string | number | undefined; height?: string | number | undefined; theme?: string | undefined; target?: Element | (string & {}) | ComponentPublicInstance | "parent" | "cursor" | [x: number, y: number] | undefined; offset?: string | number | number[] | undefined; contentClass?: any; opacity?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; activator?: Element | (string & {}) | ComponentPublicInstance | "parent" | undefined; closeDelay?: string | number | undefined; openDelay?: string | number | undefined; openOnClick?: boolean | undefined; openOnFocus?: boolean | undefined; contentProps?: any; attach?: string | boolean | Element | undefined; } & { $children?: VNodeChild | { default?: ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } | ((arg: { isActive: Ref<boolean>; }) => VNodeChild); 'v-slots'?: { default?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } & { "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; onAfterLeave?: (() => any) | undefined; "onClick:outside"?: ((e: MouseEvent) => any) | undefined; }, { style: StyleValue; disabled: boolean; absolute: boolean; transition: string | boolean | (TransitionProps & { component?: Component | undefined; }); zIndex: string | number; modelValue: boolean; origin: Anchor | "auto" | "overlap"; eager: boolean; location: Anchor; locationStrategy: "static" | LocationStrategyFn | "connected"; scrollStrategy: "close" | "none" | "block" | ScrollStrategyFn | "reposition"; activatorProps: Record<string, any>; openOnClick: boolean; openOnHover: boolean; openOnFocus: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; _disableGlobalStack: boolean; }, true, {}, SlotsType<Partial<MakeSlots<OverlaySlots>>>, OptionTypesType<{}, {}, {}, {}, {}, {}>, { style: StyleValue; disabled: boolean; absolute: boolean; transition: string | boolean | (TransitionProps & { component?: Component | undefined; }); zIndex: string | number; modelValue: boolean; origin: Anchor | "auto" | "overlap"; eager: boolean; location: Anchor; locationStrategy: "static" | LocationStrategyFn | "connected"; scrollStrategy: "close" | "none" | "block" | ScrollStrategyFn | "reposition"; activatorProps: Record<string, any>; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; _disableGlobalStack: boolean; } & { class?: any; width?: string | number | undefined; height?: string | number | undefined; theme?: string | undefined; target?: Element | (string & {}) | ComponentPublicInstance | "parent" | "cursor" | [x: number, y: number] | undefined; offset?: string | number | number[] | undefined; contentClass?: any; opacity?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; activator?: Element | (string & {}) | ComponentPublicInstance | "parent" | undefined; closeDelay?: string | number | undefined; openDelay?: string | number | undefined; openOnClick?: boolean | undefined; openOnFocus?: boolean | undefined; contentProps?: any; attach?: string | boolean | Element | undefined; } & { $children?: VNodeChild | { default?: ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } | ((arg: { isActive: Ref<boolean>; }) => VNodeChild); 'v-slots'?: { default?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: Ref<boolean>; }) => VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } & { "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; onAfterLeave?: (() => any) | undefined; "onClick:outside"?: ((e: MouseEvent) => any) | undefined; }, { activatorEl: Ref<HTMLElement | undefined>; scrimEl: Ref<HTMLElement | undefined>; target: ComputedRef<HTMLElement | [x: number, y: number] | undefined>; animateClick: () => void; contentEl: Ref<HTMLElement | undefined>; globalTop: Readonly<Ref<boolean>>; localTop: ComputedRef<boolean>; updateLocation: Ref<((e: Event) => void) | undefined>; }, {}, {}, {}, { style: StyleValue; disabled: boolean; absolute: boolean; transition: string | boolean | (TransitionProps & { component?: Component | undefined; }); zIndex: string | number; modelValue: boolean; origin: Anchor | "auto" | "overlap"; eager: boolean; location: Anchor; locationStrategy: "static" | LocationStrategyFn | "connected"; scrollStrategy: "close" | "none" | "block" | ScrollStrategyFn | "reposition"; activatorProps: Record<string, any>; openOnClick: boolean; openOnHover: boolean; openOnFocus: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; _disableGlobalStack: boolean; }> | undefined>' is not assignable to parameter of type 'Ref<HTMLElement | Omit<ComponentPublicInstance, "$slots" | "$emit"> | undefined>'.
  • error TS2345: Argument of type 'Ref<({ $: ComponentInternalInstance; $data: {}; $props: Partial<{ style: StyleValue; error: boolean; disabled: boolean | null; messages: string | readonly string[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly ValidationRule[]; density: Density; direction: "horizontal" | "vertical"; centerAffix: boolean; hideSpinButtons: boolean; persistentHint: boolean; }> & Omit<{ style: StyleValue; error: boolean; disabled: boolean | null; messages: string | readonly string[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly ValidationRule[]; density: Density; direction: "horizontal" | "vertical"; centerAffix: boolean; hideSpinButtons: boolean; persistentHint: boolean; class?: any; id?: string | undefined; label?: string | undefined; name?: string | undefined; 'onUpdate:focused'?: ((args_0: boolean) => void) | undefined; validateOn?: ValidateOnValue | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined; validationValue?: any; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; 'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined; 'onClick:append'?: ((args_0: MouseEvent) => void) | undefined; hint?: string | undefined; hideDetails?: boolean | "auto" | undefined; } & VNodeProps & AllowedComponentProps & ComponentCustomProps & { style: StyleValue; error: boolean; disabled: boolean | null; messages: string | readonly string[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly ValidationRule[]; density: Density; direction: "horizontal" | "vertical"; centerAffix: boolean; hideSpinButtons: boolean; persistentHint: boolean; } & { class?: any; id?: string | undefined; label?: string | undefined; name?: string | undefined; 'onUpdate:focused'?: ((args_0: boolean) => void) | undefined; validateOn?: ValidateOnValue | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined; validationValue?: any; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; 'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined; 'onClick:append'?: ((args_0: MouseEvent) => void) | undefined; hint?: string | undefined; hideDetails?: boolean | "auto" | undefined; } & {}, DefaultKeys<Omit<{ focused: BooleanConstructor; 'onUpdate:focused': PropType<(args_0: boolean) => void>; disabled: { type: PropType<boolean | null>; default: null; }; error: BooleanConstructor; errorMessages: { type: PropType<string | readonly string[] | null>; default: () => never[]; }; maxErrors: { type: (StringConstructor | NumberConstructor)[]; default: number; }; name: StringConstructor; label: StringConstructor; readonly: { type: PropType<boolean | null>; default: null; }; rules: { type: PropType<readonly ValidationRule[]>; default: () => never[]; }; modelValue: null; validateOn: PropType<ValidationProps["validateOn"]>; validationValue: null; density: { type: PropType<Density>; default: string; validator: (v: any) => boolean; }; class: PropType<ClassValue>; style: { type: PropType<StyleValue>; default: null; }; id: StringConstructor; appendIcon: PropType<IconValue>; centerAffix: { type: BooleanConstructor; default: boolean; }; prependIcon: PropType<IconValue>; hideDetails: PropType<boolean | "auto">; hideSpinButtons: BooleanConstructor; hint: StringConstructor; persistentHint: BooleanConstructor; messages: { type: PropType<string | readonly string[]>; default: () => never[]; }; direction: { type: PropType<"horizontal" | "vertical">; default: string; validator: (v: any) => boolean; }; 'onClick:prepend': PropType<(args_0: MouseEvent) => void>; 'onClick:append': PropType<(args_0: MouseEvent) => void>; }, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "v-slot:message" | "v-slot:details">>>; $attrs: Data; $refs: Data; $slots: Readonly<{ default?: ((arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; prepend?: ((arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; append?: ((arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; details?: ((arg: VInputSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; message?: ((arg: VMessageSlot) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]) | undefined; }>; $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null; $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null; $emit: (event: string, ...args: any[]) => void; $el: any; $options: ComponentOptionsBase<{ style: StyleValue; error: boolean; disabled: boolean | null; messages: string | readonly string[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly ValidationRule[]; density: Density; direction: "horizontal" | "vertical"; centerAffix: boolean; hideSpinButtons: boolean; persistentHint: boolean; } & { class?: any; id?: string | undefined; label?: string | undefined; name?: string | undefined; 'onUpdate:focused'?: ((args_0: boolean) => void) | undefined; validateOn?: ValidateOnValue | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined; validationValue?: any; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; 'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined; 'onClick:append'?: ((args_0: MouseEvent) => void) | undefined; hint?: string | undefined; hideDetails?: boolean | "auto" | undefined; } & {}, { reset: () => Promise<void>; resetValidation: () => Promise<void>; validate: (silent?: boolean) => Promise<string[]>; isValid: ComputedRef<boolean | null>; errorMessages: ComputedRef<string[]>; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Omit<{ 'update:modelValue': (value: any) => true; }, ToListeners<"$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "v-slot:message" | "v-slot:details">>, string, { style: StyleValue; error: boolean; disabled: boolean | null; messages: string | readonly string[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly ValidationRule[]; density: Density; direction: "horizontal" | "vertical"; centerAffix: boolean; hideSpinButtons: boolean; persistentHint: boolean; }, {}, string, SlotsType<Partial<MakeSlots<VInputSlots>>>> & MergedComponentOptionsOverride; $forceUpdate: () => void; $nextTick: <T = void, R = void>(this: T, fn?: ((this: T) => R) | undefined) => Promise<Awaited<R>>; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle; } & Omit<{ style: StyleValue; error: boolean; disabled: boolean | null; messages: string | readonly string[]; focused: boolean; errorMessages: string | readonly string[] | null; maxErrors: string | number; readonly: boolean | null; rules: readonly ValidationRule[]; density: Density; direction: "horizontal" | "vertical"; centerAffix: boolean; hideSpinButtons: boolean; persistentHint: boolean; } & { class?: any; id?: string | undefined; label?: string | undefined; name?: string | undefined; 'onUpdate:focused'?: ((args_0: boolean) => void) | undefined; validateOn?: ValidateOnValue | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | "lazy" | undefined; validationValue?: any; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; 'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined; 'onClick:append'?: ((args_0: MouseEvent) => void) | undefined; hint?: string | undefined; hideDetails?: boolean | "auto" | undefined; } & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & ShallowUnwrapRef<{ reset: () => Promise<void>; resetValidation: () => Promise<void>; validate: (silent?: boolean) => Promise<string[]>; isValid: ComputedRef<boolean | null>; errorMessages: ComputedRef<string[]>; }> & ExtractComputedReturns<{}> & ComponentCustomProperties & {} & GenericProps<{ modelValue?: unknown; 'onUpdate:modelValue'?: ((value: unknown) => void) | undefined; }, VInputSlots>) | undefined>' is not assignable to parameter of type 'Ref<HTMLElement | Omit<ComponentPublicInstance, "$slots" | "$emit"> | undefined>'.
  • error TS2345: Argument of type 'Ref<CreateComponentPublicInstance<{ symbol: any; flat: boolean; replace: boolean; style: StyleValue; size: string | number; disabled: boolean; tag: string; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; block: boolean; exact: boolean; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; } & { class?: any; text?: string | undefined; width?: string | number | undefined; height?: string | number | undefined; active?: boolean | undefined; value?: any; theme?: string | undefined; href?: string | undefined; color?: string | undefined; loading?: string | boolean | undefined; icon?: boolean | IconValue | undefined; to?: RouteLocationRaw | undefined; border?: string | number | boolean | undefined; position?: "fixed" | "sticky" | "absolute" | "relative" | "static" | undefined; rounded?: string | number | boolean | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; elevation?: string | number | undefined; location?: Anchor | undefined; selectedClass?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; } & { $children?: VNodeChild | (() => VNodeChild) | { default?: (() => VNodeChild) | undefined; prepend?: (() => VNodeChild) | undefined; append?: (() => VNodeChild) | undefined; loader?: (() => VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => VNodeChild) | undefined; prepend?: false | (() => VNodeChild) | undefined; append?: false | (() => VNodeChild) | undefined; loader?: false | (() => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => VNodeChild) | undefined; "v-slot:prepend"?: false | (() => VNodeChild) | undefined; "v-slot:append"?: false | (() => VNodeChild) | undefined; "v-slot:loader"?: false | (() => VNodeChild) | undefined; } & { "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; }, { group: GroupItemProvide | null; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { 'group:selected': (val: { value: boolean; }) => true; }, VNodeProps & AllowedComponentProps & ComponentCustomProps & { symbol: any; flat: boolean; replace: boolean; style: StyleValue; size: string | number; disabled: boolean; tag: string; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; block: boolean; exact: boolean; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; } & { class?: any; text?: string | undefined; width?: string | number | undefined; height?: string | number | undefined; active?: boolean | undefined; value?: any; theme?: string | undefined; href?: string | undefined; color?: string | undefined; loading?: string | boolean | undefined; icon?: boolean | IconValue | undefined; to?: RouteLocationRaw | undefined; border?: string | number | boolean | undefined; position?: "fixed" | "sticky" | "absolute" | "relative" | "static" | undefined; rounded?: string | number | boolean | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; elevation?: string | number | undefined; location?: Anchor | undefined; selectedClass?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; } & { $children?: VNodeChild | (() => VNodeChild) | { default?: (() => VNodeChild) | undefined; prepend?: (() => VNodeChild) | undefined; append?: (() => VNodeChild) | undefined; loader?: (() => VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => VNodeChild) | undefined; prepend?: false | (() => VNodeChild) | undefined; append?: false | (() => VNodeChild) | undefined; loader?: false | (() => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => VNodeChild) | undefined; "v-slot:prepend"?: false | (() => VNodeChild) | undefined; "v-slot:append"?: false | (() => VNodeChild) | undefined; "v-slot:loader"?: false | (() => VNodeChild) | undefined; } & { "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; }, { symbol: any; flat: boolean; replace: boolean; style: StyleValue; size: string | number; active: boolean; disabled: boolean; tag: string; rounded: string | number | boolean; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; block: boolean; exact: boolean; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; }, true, {}, SlotsType<Partial<MakeSlots<VBtnSlots>>>, OptionTypesType<{}, {}, {}, {}, {}, {}>, { symbol: any; flat: boolean; replace: boolean; style: StyleValue; size: string | number; disabled: boolean; tag: string; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; block: boolean; exact: boolean; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; } & { class?: any; text?: string | undefined; width?: string | number | undefined; height?: string | number | undefined; active?: boolean | undefined; value?: any; theme?: string | undefined; href?: string | undefined; color?: string | undefined; loading?: string | boolean | undefined; icon?: boolean | IconValue | undefined; to?: RouteLocationRaw | undefined; border?: string | number | boolean | undefined; position?: "fixed" | "sticky" | "absolute" | "relative" | "static" | undefined; rounded?: string | number | boolean | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; elevation?: string | number | undefined; location?: Anchor | undefined; selectedClass?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; } & { $children?: VNodeChild | (() => VNodeChild) | { default?: (() => VNodeChild) | undefined; prepend?: (() => VNodeChild) | undefined; append?: (() => VNodeChild) | undefined; loader?: (() => VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => VNodeChild) | undefined; prepend?: false | (() => VNodeChild) | undefined; append?: false | (() => VNodeChild) | undefined; loader?: false | (() => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => VNodeChild) | undefined; "v-slot:prepend"?: false | (() => VNodeChild) | undefined; "v-slot:append"?: false | (() => VNodeChild) | undefined; "v-slot:loader"?: false | (() => VNodeChild) | undefined; } & { "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; }, { group: GroupItemProvide | null; }, {}, {}, {}, { symbol: any; flat: boolean; replace: boolean; style: StyleValue; size: string | number; active: boolean; disabled: boolean; tag: string; rounded: string | number | boolean; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; block: boolean; exact: boolean; tile: boolean; density: Density; slim: boolean; stacked: boolean; ripple: boolean | { class: string; } | undefined; }> | undefined>' is not assignable to parameter of type 'Ref<HTMLElement | Omit<ComponentPublicInstance, "$slots" | "$emit"> | undefined>'.
  • error TS2322: Type 'ComponentPublicInstanceConstructor<CreateComponentPublicInstance<Readonly<ExtractPropTypes<AppendDefault<{ icon: { type: PropType<IconValue>; }; tag: { type: StringConstructor; required: true; }; }, {}>>>, () => Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<AppendDefault<{ icon: { type: PropType<IconValue>; }; tag: { type: StringConstructor; required: true; }; }, {}>>>, {}, true, {}, {}, OptionTypesType<{}, {}, {}, {}, {}, {}>, Readonly<ExtractPropTypes<AppendDefault<{ icon: { type: PropType<IconValue>; }; tag: { type: StringConstructor; required: true; }; }, {}>>>, () => Element, {}, {}, {}, {}>, any, any, any, ComputedOptions, MethodOptions> & ComponentOptionsBase<Readonly<ExtractPropTypes<AppendDefault<{ icon: { type: PropType<IconValue>; }; tag: { type: StringConstructor; required: true; }; }, {}>>>, () => Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<AppendDefault<{ icon: { type: PropType<IconValue>; }; tag: { type: StringConstructor; required: true; }; }, {}>, ExtractPropTypes<AppendDefault<{ icon: { type: PropType<IconValue>; }; tag: { type: StringConstructor; required: true; }; }, {}>>>' is not assignable to type 'IconComponent'.
  • error TS2769: No overload matches this call.

packages/vuetify/tsconfig.checks.json

  • `error TS2345: Argument of type 'Ref<CreateComponentPublicInstance<{ style: StyleValue; disabled: boolean; absolute: boolean; transition: string | boolean | (TransitionProps & { component?: Component | undefined; }); zIndex: string | number; modelValue: boolean; origin: Anchor | "auto" | "overlap"; eager: boolean; location: Anchor; locationStrategy: "static" | LocationStrategyFn | "connected"; scrollStrategy: "close" | "none" | "block" | ScrollStrategyFn | "reposition"; activatorProps: Record<string, any>; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; _disableGlobalStack: boolean; } & { class?: any; width?: string | number | undefined; height?: string | number | undefined; theme?: string | undefined; target?: Element | (string & {}) | ComponentPublicInstance | "parent" | "cursor" | [x: number, y: number] | undefined; offset?: string | number | number[] | undefined; contentClass?: any; opacity?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; activator?: Element | (string & {}) | ComponentPublicInstance | "parent" | undefined; closeDelay?: string | number | undefined; openDelay?: string | number | undefined; openOnClick?: boolean | undefined; openOnFocus?: boolean | undefined; contentProps?: any; attach?: string | boolean | Element | undefined; } & { $children?: VNodeChild | { default?: ((arg: { isActive: Ref; }) => VNodeChild) | undefined; activator?: ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } | ((arg: { isActive: Ref; }) => VNodeChild); 'v-slots'?: { default?: false | ((arg: { isActive: Ref; }) => VNodeChild) | undefined; activator?: false | ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | ((arg: { isActive: Ref; }) => VNodeChild) | undefined; "v-slot:activator"?: false | ((arg: { isActive: boolean; props: Record<string, any>; }) => VNodeChild) | undefined; } & { "onUpdate:modelValue"?: ((value: boolean) => any) | undefined; onAfterLeave?: (() => any) | undefined; "onClick:outside"?: ((e: MouseEvent) => any) | undefined; }, { activatorEl: Ref<HTMLElement | undefined>; scrimEl: Ref<HTMLElement | undefined>; target: ComputedRef<HTMLElement | [x: number, y: number] | undefined>; animateClick: () => void; contentEl: Ref<HTMLElement | undefined>; globalTop: Readonly<Ref>; localTop: ComputedRef; updateLocation: Ref<((e: Event) => void) | undefined>; }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, { 'click:outside': (e: MouseEvent) => true; 'update:modelValue': (value: boolean) => true; afterLeave: () => true; }, VNodeProps & AllowedComponentProps & ComponentCustomProps & { style: StyleValue; disabled: boolean; absolute: boolean; transition: string | boolean | (TransitionProps & { component?: Component | undefined; }); zIndex: string | number; modelValue: boolean; origin: Anchor | "auto" | "overlap"; eager: boolean; location: Anchor; locationStrategy: "static" | LocationStrategyFn | "connected"; scrollStrategy: "close" | "none" | "block" | ScrollStrategyFn | "reposition"; activatorProps: Record<string, any>; openOnHover: boolean; closeOnContentClick: boolean; closeOnBack: boolean; contained: boolean; noClickAnimation: boolean; persistent: boolean; scrim: string | boolean; _disableGlobalStack: boolean; } & { class?: any; width?: string | number | undefined; height?: string | number | undefined; theme?: string | undefined; target?: Element | (string & {}) | ComponentPublicInstance | "parent" | "cursor" | [x: number, y: number] | undefined; offset?: string | number | number[] | undefined; contentClass?: any; opacity?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; activator?: E
    :error: Truncated - see log for full output :error:

@ahejlsberg

Anders Hejlsberg (ahejlsberg) commented Mar 27, 2024

Copy link
Copy Markdown
Member Author

TypeScript Bot (@typescript-bot) test it

@typescript-bot

TypeScript Bot (typescript-bot) commented Mar 27, 2024 •
edited
Loading

Copy link
Copy Markdown
Contributor

Starting jobs; this comment will be updated as builds start and complete.

Command Status Results
test top400 ✅ Started ✅ Results
user test this ✅ Started ✅ Results
run dt ✅ Started ✅ Results
perf test this faster ✅ Started 👀 Results

@typescript-bot

TypeScript Bot (typescript-bot) commented Mar 27, 2024

Copy link
Copy Markdown
Contributor

Hey Anders Hejlsberg (@ahejlsberg), the results of running the DT tests are ready.

Everything looks the same!

You can check the log here.

@typescript-bot

TypeScript Bot (typescript-bot) commented Mar 27, 2024

Copy link
Copy Markdown
Contributor

Anders Hejlsberg (@ahejlsberg) Here are the results of running the user tests comparing main and refs/pull/57946/merge:

There were infrastructure failures potentially unrelated to your change:

  • 1 instance of "Package install failed"

Otherwise...

Everything looks good!

@typescript-bot

TypeScript Bot (typescript-bot) commented Mar 27, 2024

Copy link
Copy Markdown
Contributor

Anders Hejlsberg (@ahejlsberg)
The results of the perf run you requested are in!

Here they are:

tsc

Comparison Report - baseline..pr
Metric baseline pr Delta Best Worst p-value
Angular - node (v18.15.0, x64)
Memory used 295,554k (± 0.00%) 295,544k (± 0.00%) ~ 295,529k 295,557k p=0.127 n=6
Parse Time 2.66s (± 0.19%) 2.66s (± 0.19%) ~ 2.65s 2.66s p=1.000 n=6
Bind Time 0.83s (± 0.49%) 0.83s (± 0.49%) ~ 0.83s 0.84s p=1.000 n=6
Check Time 8.22s (± 0.17%) 8.20s (± 0.39%) ~ 8.17s 8.26s p=0.145 n=6
Emit Time 7.04s (± 0.17%) 7.03s (± 0.30%) ~ 7.00s 7.06s p=0.672 n=6
Total Time 18.74s (± 0.14%) 18.72s (± 0.15%) ~ 18.69s 18.76s p=0.255 n=6
Compiler-Unions - node (v18.15.0, x64)
Memory used 192,571k (± 0.73%) 192,026k (± 0.09%) ~ 191,918k 192,355k p=0.298 n=6
Parse Time 1.35s (± 1.45%) 1.37s (± 1.07%) ~ 1.35s 1.39s p=0.188 n=6
Bind Time 0.73s (± 0.56%) 0.73s (± 0.71%) ~ 0.72s 0.73s p=0.595 n=6
Check Time 9.49s (± 0.69%) 9.48s (± 0.75%) ~ 9.42s 9.62s p=0.469 n=6
Emit Time 2.63s (± 0.16%) 2.64s (± 0.31%) ~ 2.63s 2.65s p=0.056 n=6
Total Time 14.20s (± 0.38%) 14.21s (± 0.63%) ~ 14.15s 14.39s p=0.628 n=6
Monaco - node (v18.15.0, x64)
Memory used 347,421k (± 0.01%) 347,408k (± 0.01%) ~ 347,377k 347,427k p=0.298 n=6
Parse Time 2.49s (± 0.39%) 2.48s (± 0.59%) ~ 2.46s 2.50s p=0.241 n=6
Bind Time 0.93s (± 0.00%) 0.93s (± 0.44%) ~ 0.92s 0.93s p=0.405 n=6
Check Time 7.05s (± 0.25%) 7.03s (± 0.35%) ~ 7.00s 7.06s p=0.226 n=6
Emit Time 4.06s (± 0.30%) 4.07s (± 0.51%) ~ 4.05s 4.10s p=0.742 n=6
Total Time 14.53s (± 0.20%) 14.50s (± 0.33%) ~ 14.44s 14.55s p=0.421 n=6
TFS - node (v18.15.0, x64)
Memory used 302,772k (± 0.01%) 302,739k (± 0.01%) ~ 302,720k 302,758k p=0.173 n=6
Parse Time 2.42s (± 0.61%) 2.40s (± 0.53%) -0.02s (- 0.89%) 2.38s 2.42s p=0.030 n=6
Bind Time 1.22s (± 0.45%) 1.19s (± 0.46%) -0.03s (- 2.45%) 1.19s 1.20s p=0.004 n=6
Check Time 7.45s (± 0.51%) 7.47s (± 0.35%) ~ 7.43s 7.51s p=0.225 n=6
Emit Time 4.25s (± 0.55%) 4.25s (± 0.64%) ~ 4.22s 4.29s p=1.000 n=6
Total Time 15.35s (± 0.35%) 15.32s (± 0.22%) ~ 15.26s 15.35s p=0.422 n=6
material-ui - node (v18.15.0, x64)
Memory used 509,934k (± 0.00%) 509,934k (± 0.00%) ~ 509,901k 509,967k p=0.873 n=6
Parse Time 2.67s (± 0.50%) 2.67s (± 0.21%) ~ 2.66s 2.67s p=0.663 n=6
Bind Time 0.99s (± 0.64%) 0.98s (± 1.19%) ~ 0.96s 0.99s p=0.070 n=6
Check Time 17.29s (± 0.45%) 17.29s (± 0.43%) ~ 17.19s 17.39s p=1.000 n=6
Emit Time 0.00s (± 0.00%) 0.00s (± 0.00%) ~ 0.00s 0.00s p=1.000 n=6
Total Time 20.95s (± 0.36%) 20.93s (± 0.35%) ~ 20.83s 21.04s p=0.627 n=6
mui-docs - node (v18.15.0, x64)
Memory used 1,737,816k (± 0.00%) 1,737,795k (± 0.00%) ~ 1,737,741k 1,737,827k p=0.575 n=6
Parse Time 7.78s (± 0.29%) 7.95s (± 5.20%) ~ 7.75s 8.79s p=1.000 n=6
Bind Time 2.80s (± 0.18%) 2.80s (± 0.58%) ~ 2.78s 2.82s p=0.933 n=6
Check Time 66.62s (± 0.40%) 66.44s (± 0.26%) ~ 66.30s 66.78s p=0.470 n=6
Emit Time 0.16s (± 3.29%) 0.15s (± 3.36%) ~ 0.15s 0.16s p=0.311 n=6
Total Time 77.35s (± 0.35%) 77.34s (± 0.52%) ~ 77.04s 78.09s p=0.688 n=6
self-build-src - node (v18.15.0, x64)
Memory used 2,392,195k (± 0.03%) 2,392,169k (± 0.04%) ~ 2,390,748k 2,393,228k p=0.936 n=6
Parse Time 6.03s (± 0.53%) 6.10s (± 0.59%) +0.07s (+ 1.08%) 6.04s 6.14s p=0.025 n=6
Bind Time 2.24s (± 0.94%) 2.26s (± 1.17%) ~ 2.24s 2.31s p=0.086 n=6
Check Time 39.42s (± 0.35%) 39.48s (± 0.42%) ~ 39.18s 39.62s p=0.471 n=6
Emit Time 3.14s (± 0.85%) 3.14s (± 0.71%) ~ 3.11s 3.17s p=0.747 n=6
Total Time 50.85s (± 0.27%) 50.99s (± 0.35%) ~ 50.69s 51.15s p=0.093 n=6
self-compiler - node (v18.15.0, x64)
Memory used 415,065k (± 0.01%) 415,131k (± 0.02%) ~ 415,050k 415,296k p=0.128 n=6
Parse Time 4.17s (± 0.24%) 4.16s (± 0.51%) ~ 4.13s 4.18s p=0.557 n=6
Bind Time 1.59s (± 0.73%) 1.59s (± 1.15%) ~ 1.56s 1.61s p=0.869 n=6
Check Time 22.36s (± 0.29%) 22.43s (± 0.26%) ~ 22.35s 22.52s p=0.092 n=6
Emit Time 1.67s (± 1.42%) 1.70s (± 2.29%) ~ 1.63s 1.74s p=0.254 n=6
Total Time 29.80s (± 0.15%) 29.88s (± 0.18%) +0.07s (+ 0.25%) 29.81s 29.95s p=0.030 n=6
vscode - node (v18.15.0, x64)
Memory used 2,892,690k (± 0.00%) 2,892,628k (± 0.00%) ~ 2,892,498k 2,892,763k p=0.149 n=6
Parse Time 15.88s (± 0.39%) 15.89s (± 0.41%) ~ 15.82s 15.99s p=0.872 n=6
Bind Time 5.01s (± 0.51%) 5.02s (± 0.35%) ~ 4.99s 5.04s p=0.935 n=6
Check Time 87.06s (± 0.63%) 86.79s (± 0.45%) ~ 86.45s 87.45s p=0.378 n=6
Emit Time 24.35s (± 7.78%) 23.76s (± 0.74%) ~ 23.54s 24.07s p=0.298 n=6
Total Time 132.31s (± 1.54%) 131.47s (± 0.45%) ~ 130.81s 132.44s p=0.630 n=6
webpack - node (v18.15.0, x64)
Memory used 408,382k (± 0.02%) 408,407k (± 0.01%) ~ 408,330k 408,491k p=0.575 n=6
Parse Time 3.89s (± 0.58%) 3.89s (± 0.50%) ~ 3.87s 3.92s p=0.869 n=6
Bind Time 1.68s (± 1.09%) 1.69s (± 0.72%) ~ 1.67s 1.70s p=0.800 n=6
Check Time 16.73s (± 0.20%) 16.78s (± 0.31%) ~ 16.72s 16.86s p=0.148 n=6
Emit Time 0.00s (± 0.00%) 0.00s (± 0.00%) ~ 0.00s 0.00s p=1.000 n=6
Total Time 22.30s (± 0.25%) 22.35s (± 0.24%) ~ 22.31s 22.45s p=0.147 n=6
xstate - node (v18.15.0, x64)
Memory used 513,170k (± 0.01%) 513,123k (± 0.03%) ~ 513,006k 513,352k p=0.378 n=6
Parse Time 4.91s (± 0.51%) 4.89s (± 1.00%) ~ 4.83s 4.95s p=0.748 n=6
Bind Time 2.30s (± 0.81%) 2.30s (± 0.71%) ~ 2.28s 2.32s p=0.563 n=6
Check Time 4.22s (± 0.70%) 4.21s (± 0.73%) ~ 4.17s 4.25s p=0.574 n=6
Emit Time 0.11s (± 0.00%) 0.11s (± 0.00%) ~ 0.11s 0.11s p=1.000 n=6
Total Time 11.54s (± 0.44%) 11.51s (± 0.48%) ~ 11.42s 11.56s p=0.630 n=6
System info unknown
Hosts
  • node (v18.15.0, x64)
Scenarios
  • Angular - node (v18.15.0, x64)
  • Compiler-Unions - node (v18.15.0, x64)
  • Monaco - node (v18.15.0, x64)
  • TFS - node (v18.15.0, x64)
  • material-ui - node (v18.15.0, x64)
  • mui-docs - node (v18.15.0, x64)
  • self-build-src - node (v18.15.0, x64)
  • self-compiler - node (v18.15.0, x64)
  • vscode - node (v18.15.0, x64)
  • webpack - node (v18.15.0, x64)
  • xstate - node (v18.15.0, x64)
Benchmark Name Iterations
Current pr 6
Baseline baseline 6

Developer Information:

Download Benchmarks

@typescript-bot

TypeScript Bot (typescript-bot) commented Mar 27, 2024

Copy link
Copy Markdown
Contributor

Anders Hejlsberg (@ahejlsberg) Here are the results of running the top 400 repos comparing main and refs/pull/57946/merge:

Everything looks good!

@ahejlsberg

Anders Hejlsberg (ahejlsberg) commented Mar 27, 2024

Copy link
Copy Markdown
Member Author

Tests and performance are clean. This is ready for a review.

@jakebailey

Jake Bailey (jakebailey) commented Mar 27, 2024

Copy link
Copy Markdown
Member

be careful merging, this will almost guaranteed break main like the last two PRs.

@Andarist Mateusz Burzyński (Andarist) mentioned this pull request May 13, 2024
Open
1 task
@Andarist Mateusz Burzyński (Andarist) mentioned this pull request Sep 9, 2024
Open
@microsoft Microsoft (microsoft) locked as resolved and limited conversation to collaborators Oct 16, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Reviewers

@RyanCavanaugh Ryan Cavanaugh (RyanCavanaugh) RyanCavanaugh approved these changes

Assignees

@ahejlsberg Anders Hejlsberg (ahejlsberg)

Labels

Author: Team For Milestone Bug PRs that fix a bug with a specific milestone

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[nightly][regression] Mapped type over generic key unexpectedly makes key treated as optional

4 participants

@ahejlsberg @typescript-bot @jakebailey @RyanCavanaugh