diff --git a/public/favicon.ico b/public/favicon.ico
index df36fcf..afa8c75 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/src/components/WeekNumber.vue b/src/components/WeekNumber.vue
index 57d3bec..2e446a6 100644
--- a/src/components/WeekNumber.vue
+++ b/src/components/WeekNumber.vue
@@ -1,22 +1,31 @@
 <script lang="ts">
-import axios from "axios";
+import { defineComponent } from "vue";
+import HHVDataService from "@/services/HHVDataService";
+import type HHV from "@/types/HHV";
+import type ResponseData from "@/types/ResponseData";
 
-export default {
+export default defineComponent({
   data() {
     return {
-      weeknumber: 0,
+      weeknumber: {} as HHV,
     };
   },
-  
-  async created() {
-    try {
-      const res = await axios.get("https://hanyadikhetvan.tormakristof.eu/");
-      this.weeknumber = res.data;
-    } catch (error) {
-      console.log(error);
+  methods: {
+    retrieveWeekNumber() {
+        HHVDataService.getWeekNumber()
+          .then((response: ResponseData) => {
+            this.weeknumber = response.data;
+            console.log(response.data);
+          })
+          .catch((e: Error) => {
+            console.log(e);
+          });
     }
-  }
-}
+  },
+  mounted() {
+    this.retrieveWeekNumber();
+  },
+});
 </script>
 
 <template>
diff --git a/src/http-common.ts b/src/http-common.ts
new file mode 100644
index 0000000..2cbf20b
--- /dev/null
+++ b/src/http-common.ts
@@ -0,0 +1,9 @@
+import axios from "axios";
+import type { AxiosInstance } from "axios";
+
+const apiClient: AxiosInstance = axios.create({
+  baseURL: "https://hanyadikhetvan.tormakristof.eu",
+
+});
+
+export default apiClient;
\ No newline at end of file
diff --git a/src/services/HHVDataService.ts b/src/services/HHVDataService.ts
new file mode 100644
index 0000000..8492b17
--- /dev/null
+++ b/src/services/HHVDataService.ts
@@ -0,0 +1,10 @@
+import http from "@/http-common";
+
+/* eslint-disable */
+class HHVDataService {
+  getWeekNumber(): Promise<any> {
+    return http.get("/");
+  }
+}
+
+export default new HHVDataService();
diff --git a/src/types/HHV.ts b/src/types/HHV.ts
new file mode 100644
index 0000000..f46e9cf
--- /dev/null
+++ b/src/types/HHV.ts
@@ -0,0 +1,3 @@
+export default interface HHV {
+    id: number;
+}
\ No newline at end of file
diff --git a/src/types/ResponseData.ts b/src/types/ResponseData.ts
new file mode 100644
index 0000000..cdc1373
--- /dev/null
+++ b/src/types/ResponseData.ts
@@ -0,0 +1,3 @@
+export default interface ResponseData {
+    data: any;
+}
\ No newline at end of file