chore

src/main.ts

@@ -1,15 +1,30 @@
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import persist from 'pinia-plugin-persistedstate'
+import { VueQueryPlugin, QueryClient } from '@tanstack/vue-query'
 
 import App from './App.vue'
 import router from './router'
 
 import '@/styles/reset.scss'
 
+import { getAppEnvConfig } from '@/utils/env'
+
 const app = createApp(App)
 
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      refetchInterval: getAppEnvConfig().requestInterval * 1000,
+      refetchIntervalInBackground: false,
+      refetchOnReconnect: true,
+      refetchOnWindowFocus: true,
+    },
+  },
+})
+
 app.use(createPinia().use(persist))
 app.use(router)
+app.use(VueQueryPlugin, { queryClient })
 
 app.mount('#app')