Vuetify: [Bug Report] v-skeleton-loader doesn't show respond to loading prop when default slot is client-only

Created on 8 May 2020  路  4Comments  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.2.27
Vue Version: 2.6.11
Browsers: Firefox 76.0
OS: Mac OS 10.15

Steps to reproduce

In a nuxt component

<template>
  <div>
    <v-skeleton-loader :loading="loading" height="200px" type="list-item-two-line">
      <client-only>
        <div>client-only</div>
      </client-only>
    </v-skeleton-loader>
  </div>
</template>

<script>
export default {
  data() {
    return {
      loading: false
    };
  }
};
</script>

Expected Behavior

the skeleton should disapear and the content should show.

Actual Behavior

the skeleton is always visible, the content is never visible

Reproduction Link

https://codesandbox.io/s/skeleton-xsirz?file=/pages/index.vue

VSkeletonLoader bug

Most helpful comment

I had the same kind of issue not using nuxt when the default content isn't present due to a v-if, wrapping it in