I'm having trouble binding data with props in my Vuetify components. I attempted using v-skeleton-loader and v-list, but it doesn't seem to be working. Any ideas on what might be causing this issue?
Below is the code snippet:
<v-list
style="max-height: 275px"
class="overflow-y-auto"
dense
:disabled="loading"
>
<v-list-item-group v-model="x" color="primary">
<v-list-item v-for="(knittingtype, i) in knittingTypes" :key="i">
<v-list-item-content>
<v-skeleton-loader ref="skeleton" type="list-item" loading>
<v-list-item-title v-text="knittingtype.name"></v-list-item-title
></v-skeleton-loader>
</v-list-item-content>
</v-list-item>
</v-list-item-group>
</v-list>
export default {
data: () => ({
x : null,
loading: true,
}),
}