Bug: Autocomplete slot

[drewzb]

Please complete all sections that you can but please don't remove any section, otherwise the bot will close your issue because it doesn't meet our issue template (you can remove this comment)

Describe the bug

When using a template slot in Autocomplete, there is an error that template ref 'gmvAutoCompleteInput' can't be found, or we can't use slotRef prop.

To reproduce

<GmvAutocomplete>
  <template #default="slotProps">
    <input ref="input" v-bind:attrs="slotProps.attrs" />
  </template>
</GmvAutocomplete>

Expected behavior

I would expect the to be used.

Current behavior

I'm getting an error:

autocomplete-input-ssE2hgis-VLDTRTOF.js?v=e2557f2c:64 Uncaught (in promise) Error: we can find the template ref: 'gmvAutoCompleteInput' or we can't use the slotRef prop at autocomplete-input-ssE2hgis-VLDTRTOF.js?v=e2557f2c:64:17

Screenshots

None

Desktop (please complete the following information)

• OS: Windows
• Browser: Chrome
• Version: Latest

Smartphone (please complete the following information)

N/A

Additional context

I've tried many other things such as changing the ref="input", remove it, adding slot-ref-name,...nothing seems to work.

Versions

• Node: 18.17.1
• NPM: 10.5.0
• Yarn:

Package manager

• [x] NPM
• [ ] Yarn

Plugin version

I'm using @gmap-vue/v3 - 2.1.2

• [ ] 1.4.x
• [ ] 1.2.x
• [ ] 1.0.x

[drewzb]

After poking around the source code, I found a workaround. Create a :slotRef that points to the template ref.

<GmvAutocomplete :slotRef="input ">
  <template #default="slotProps">
    <input ref="input" v-bind:attrs="slotProps.attrs" />
  </template>
</GmvAutocomplete>
...
const input = ref(null)

[create-issue-branch[bot]]

Branch issue-328-Bug_Autocomplete_slot created!

[diegoazh]

After poking around the source code, I found a workaround. Create a :slotRef that points to the template ref.

<GmvAutocomplete :slotRef="input ">
  <template #default="slotProps">
    <input ref="input" v-bind:attrs="slotProps.attrs" />
  </template>
</GmvAutocomplete>
...
const input = ref(null)

@drewzb it is not a workaround; it is the expected way the template slot should be used. You can check it here, and here. I need to update the documentation about it, I was working a lot and couldn't finish it. Thank you for being so patient.