From 8f716e6f44a87322ca63fabc935085651abb990a Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Mon, 11 Dec 2023 10:11:41 +0700
Subject: [PATCH] chore: var name

---
 Services/client/src/components/FullLoader.vue | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

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