pinia prefix

src/components/FullLoader.vue

@@ -0,0 +1,24 @@
+<!-- แสดง ui การโหลด -->
+<template>
+  <q-inner-loading :showing="loaderVisibility" class="loader">
+    <q-spinner-cube size="80px" color="primary" />
+  </q-inner-loading>
+</template>
+
+<script setup lang="ts">
+import { watch, ref } from "vue";
+const props = defineProps({
+  visibility: Boolean,
+});
+
+const loaderVisibility = ref<boolean>(props.visibility);
+
+watch(props, (count, prevCount) => {
+  loaderVisibility.value = props.visibility;
+});
+</script>
+
+<style lang="sass">
+.loader
+    z-index: 1000
+</style>