Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Slot is "grouplabel", but type is "groupLabel" #392

Closed
nathanchase opened this issue Feb 7, 2024 · 1 comment
Closed

Slot is "grouplabel", but type is "groupLabel" #392

nathanchase opened this issue Feb 7, 2024 · 1 comment

Comments

@nathanchase
Copy link

nathanchase commented Feb 7, 2024

Version

  • Vue version: 3

Description

When trying to use a template with Multiselect, like so:

<template #groupLabel="{ group }">
        <div class="multiselect-group-label">
          {{ group.label }}
        </div>
</template>

groupLabel does not work as a slot name, but the type is 'groupLabel':

(property) groupLabel: globalThis.VNode<RendererNode, RendererElement, {
    [key: string]: any;
}>[]

if I change it to grouplabel:

<template #grouplabel="{ group }">
        <div class="multiselect-group-label">
          {{ group.label }}
        </div>
</template>

it works, but it throws a type error:

Property 'grouplabel' does not exist on type '{ placeholder: VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; afterlist: VNode<RendererNode, RendererElement, { ...; }>[]; ... 12 more ...; spinner: VNode<...>[]; }'. Did you mean 'groupLabel'?ts(2551)
Multiselect.d.ts(202, 5): 'groupLabel' is declared here.
adamberecz added a commit that referenced this issue Feb 19, 2024
@adamberecz
Copy link
Collaborator

Thanks for reporting the issue. Fixed in 2.6.7.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants