feat: isFetching

src/pages/device-page.vue

@@ -34,7 +34,20 @@ import { h, onMounted, useTemplateRef } from 'vue';
 import { computed, ref, watch } from 'vue';
 import { useRoute, useRouter, type LocationQuery } from 'vue-router';
 
-useLineDevicesQuery();
+const { isFetching: lineDevicesFetching } = useLineDevicesQuery();
+watch(
+  lineDevicesFetching,
+  (fetching) => {
+    if (fetching) {
+      window.$loadingBar.start();
+    } else {
+      window.$loadingBar.finish();
+    }
+  },
+  {
+    immediate: true,
+  },
+);
 
 const route = useRoute();
 const router = useRouter();