chore: var name

This commit is contained in:
Methapon2001 2023-12-11 10:11:41 +07:00
parent 47fe2f8f0a
commit 8f716e6f44
No known key found for this signature in database
GPG key ID: 849924FEF46BD132

View file

@ -1,22 +1,20 @@
<script setup lang="ts"> <script setup lang="ts">
import { watch, ref } from 'vue' import { watch, ref } from 'vue'
const props = defineProps({ const props = defineProps({ visibility: Boolean })
visibility: Boolean, const visible = ref<boolean>(props.visibility)
})
const loaderVisibility = ref<boolean>(props.visibility) watch(props, () => (visible.value = props.visibility))
watch(props, () => (loaderVisibility.value = props.visibility))
</script> </script>
<template> <template>
<q-inner-loading :showing="loaderVisibility" class="loader"> <q-inner-loading :showing="visible" class="loader">
<q-spinner-cube size="80px" color="primary" /> <q-spinner-cube size="80px" color="primary" />
</q-inner-loading> </q-inner-loading>
</template> </template>
<style lang="sass"> <style lang="scss">
.loader .loader {
z-index: 1000 z-index: 1000;
}
</style> </style>