diff --git a/web/src/api.ts b/web/src/api.ts
index d0ed3d5..c529679 100644
--- a/web/src/api.ts
+++ b/web/src/api.ts
@@ -5,6 +5,9 @@ const axiosInstance = axios.create({
 })
 
 export default {
+    getVersion:() =>
+        axiosInstance.get('/api/version'),
+
     getTokenList: () =>
         axiosInstance.get('/api/token'),
 
diff --git a/web/src/views/admin/SettingsView.vue b/web/src/views/admin/SettingsView.vue
index 8833fb4..6566c3a 100644
--- a/web/src/views/admin/SettingsView.vue
+++ b/web/src/views/admin/SettingsView.vue
@@ -1,7 +1,16 @@
 <script setup lang="ts">
+import api from "@/api.ts";
+
+const version = ref('')
+
+onMounted(() => {
+  api.getVersion().then((response) => {
+    version.value = response.data
+  })
+})
 
 </script>
 
 <template>
-  TODO
+  {{ version }}
 </template>