[Bug Report][3.5.13] [vue.warn]: Slot "default" invoked outside of the render function when using computed in VBtn

[HendrikJan]

Environment

Vuetify Version: 3.5.13
Vue Version: 3.4.21
Browsers: Firefox 124.0
OS: Ubuntu undefined

Steps to reproduce

• Open the reproduction
• Go to "Page 2"
• See the error message in your browser console

Expected Behavior

No error in your browser console

Actual Behavior

Error in your browser console when you navigate to "Page 2".
The error states:

[Vue warn]: Slot "default" invoked outside of the render function: this will not track dependencies used in the slot. Invoke the slot function inside the render function instead. 
  at <VDefaultsProvider key="content-defaults" disabled=true defaults= Object > 
  at <VBtn> 
  at <VContainer> 
  at <VDefaultsProvider defaults= Object > 
  at <VToolbar ref=Ref< Proxy(Object) > class="v-app-bar" style= Object  ... > 
  at <VAppBar> 
  at <VApp> 
  at <Default ref=Ref< Proxy(Object) > > 
  at <LayoutLoader key="default" layoutProps= Object name="default" > 
  at <NuxtLayoutProvider layoutProps= Object key="default" name="default"  ... > 
  at <NuxtLayout> 
  at <App key=3 > 
  at <NuxtRoot>

Reproduction Link

https://stackblitz.com/edit/github-o9ivmk-sej5v9?file=composables%2FuseTwoStepFetch.ts

Other comments

This looks a bit like issue #17718, but in this case I am not using nuxt-icon.

[psgganesh]

What is this issue? I have been getting this whenever i use v-navigation-drawer / app-bar or any other vuetify component?

[KaelWD]

This is still a vue bug, we're just calling slots.default() in render.

[ipanamski]

I am getting this error in Nuxt using v-bottom-navigation, containing two v-btns with :to={ name: 'my-route' }.
By the way, the error disappears when I have only one v-btn or when I remove the to prop.

I solved it by wrapping the v-btn in nuxt-link like this:

<nuxt-link :to="{ name: 'my-route' }" custom v-slot="{ navigate, isActive }">
  <v-btn :active="isActive" @click="navigate">
    <v-icon icon="mdi-flask"></v-icon>
    Harmful Things
  </v-btn>
</nuxt-link>