diff --git a/client/src/api/jobs.ts b/client/src/api/jobs.ts
new file mode 100644
index 00000000000..b96b6535260
--- /dev/null
+++ b/client/src/api/jobs.ts
@@ -0,0 +1,4 @@
+import { fetcher } from "@/api/schema";
+
+export const jobLockStatus = fetcher.path("/api/job_lock").method("get").create();
+export const jobLockUpdate = fetcher.path("/api/job_lock").method("put").create();
diff --git a/client/src/components/admin/JobLock.vue b/client/src/components/admin/JobLock.vue
index 41a7f6ff707..fb2ada5c53f 100644
--- a/client/src/components/admin/JobLock.vue
+++ b/client/src/components/admin/JobLock.vue
@@ -1,14 +1,11 @@
 <script setup lang="ts">
 import { onMounted, ref, watch } from "vue";
 
-import { fetcher } from "@/api/schema";
+import { jobLockStatus, jobLockUpdate } from "@/api/jobs";
 
 const jobLock = ref(false);
 const jobLockUpdating = ref(true);
 
-const jobLockStatus = fetcher.path("/api/job_lock").method("get").create();
-const jobLockUpdate = fetcher.path("/api/job_lock").method("put").create();
-
 watch(jobLock, async (newVal) => {
     jobLockUpdating.value = true;
     const { data } = await jobLockUpdate({ active: jobLock.value });