ankurk91 / vue-loading-overlay

Vue.js component for full screen loading indicator :cyclone:
https://ankurk91.github.io/vue-loading-overlay/
MIT License
1.25k stars 102 forks source link

How to use with composition API and Single-File Components? #122

Closed fremler closed 7 months ago

fremler commented 8 months ago

When I try to use the loading overlay with the composition API in a SFC i get this warning and the loader won't show. What am I doing wrong?

import VueLoading from 'vue-loading-overlay';

const isLoading = ref(false)
</script>

<template>
  <VueLoading v-model:active="isLoading.value"  />
</template>
QuoteStore.js:20 
 [Vue warn]: Property "isActive" was accessed during render but is not defined on instance. 
  at <BaseTransition appear=false persisted=false mode=undefined  ... > 
  at <Transition name="fade" > 
  at <VueLoading active=false onUpdate:active=fn is-full-page=false > 
ankurk91 commented 8 months ago

Please fill the issue template