diff --git a/src/api/auth_client.ts b/src/api/auth_client.ts
index defd218..95ca55d 100644
--- a/src/api/auth_client.ts
+++ b/src/api/auth_client.ts
@@ -1,8 +1,13 @@
+import { useAuthStore } from "@/stores/auth";
 import { createEveningDetectiveServerClient, type EveningDetectiveServer } from "./generated/crabs/evening_detective_server";
 import { createHttpHandler } from "./generated/crabs/evening_detective_server/client";
 
+export function getAuthClient() {
+    const authStore = useAuthStore();
+    return buildAuthClient(authStore.refreshTokenAction, authStore.getToken)
+}
 
-export function buildAuthClient(
+function buildAuthClient(
     refreshTokens: () => Promise<boolean>,
     getToken: () => string | null,
 ): EveningDetectiveServer {
diff --git a/src/components/OfficePage.vue b/src/components/OfficePage.vue
index 110fdd0..23f154b 100644
--- a/src/components/OfficePage.vue
+++ b/src/components/OfficePage.vue
@@ -17,14 +17,14 @@
 </template>
 
 <script setup lang="ts">
-import { buildAuthClient } from '@/api/auth_client';
+import { getAuthClient } from '@/api/auth_client';
 import router from '@/router';
 import { useAuthStore } from '@/stores/auth';
 import { ref } from 'vue';
 
 const authStore = useAuthStore();
 
-const client = buildAuthClient(authStore.refreshTokenAction, authStore.getToken)
+const client = getAuthClient()
 
 const permissions = ref<string[]>([])