configure tanstack query

frontend/src/App.vue

@@ -4,6 +4,7 @@ import { RouteRecordName, RouterView } from "vue-router";
 import CalendarPreview from "./components/CalendarPreview.vue";
 import moduleStore from "./store/moduleStore.ts";
 import { provide, ref } from "vue";
+import { VueQueryDevtools } from "@tanstack/vue-query-devtools";
 
 const disabledPages = [
   "room-finder",
@@ -45,6 +46,8 @@ window.addEventListener("resize", updateMobile);
   </RouterView>
   <!-- show CalendarPreview but only on specific router views -->
   <CalendarPreview v-if="isDisabled($route.name)" />
+
+  <VueQueryDevtools />
   <Toast />
 </template>
 

frontend/src/main.ts

@@ -43,7 +43,16 @@ import { VueQueryPlugin } from "@tanstack/vue-query";
 const app = createApp(App);
 const pinia = createPinia();
 
-app.use(VueQueryPlugin);
+app.use(VueQueryPlugin, {
+  queryClientConfig: {
+    defaultOptions: {
+      queries: {
+        refetchOnWindowFocus: false,
+      },
+    },
+  },
+});
+
 app.use(PrimeVue);
 app.use(router);
 app.use(ToastService);