diff --git a/app/src/App.vue b/app/src/App.vue
index afdf14f..0a8ca0f 100644
--- a/app/src/App.vue
+++ b/app/src/App.vue
@@ -7,13 +7,15 @@
 </template>
 
 <script>
+import { defineComponent } from "vue";
 import Navigation from "./components/Navigation";
 import Footer from "./components/Footer";
-export default {
+
+export default defineComponent({
   name: "App",
   components: {
     Navigation,
     Footer
   }
-};
+});
 </script>
diff --git a/app/src/components/Error.vue b/app/src/components/Error.vue
index 5bdbe35..7c5c1fd 100644
--- a/app/src/components/Error.vue
+++ b/app/src/components/Error.vue
@@ -8,10 +8,12 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from "vue";
+
+export default defineComponent({
   name: "Error",
   props: {
     error: String
   }
-};
+});
 </script>
diff --git a/app/src/components/Footer.vue b/app/src/components/Footer.vue
index e053e5b..175245d 100644
--- a/app/src/components/Footer.vue
+++ b/app/src/components/Footer.vue
@@ -11,7 +11,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from "vue";
+
+export default defineComponent({
   name: "Footer"
-};
+});
 </script>
diff --git a/app/src/components/Loader.vue b/app/src/components/Loader.vue
index 0164e05..1e956b5 100644
--- a/app/src/components/Loader.vue
+++ b/app/src/components/Loader.vue
@@ -5,9 +5,11 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from "vue";
+
+export default defineComponent({
   name: "Loader"
-};
+});
 </script>
 
 <style scoped>
diff --git a/app/src/components/Navigation.vue b/app/src/components/Navigation.vue
index 04f366b..ffc2c59 100644
--- a/app/src/components/Navigation.vue
+++ b/app/src/components/Navigation.vue
@@ -58,10 +58,12 @@
 </template>
 
 <script>
+import { defineComponent } from "vue";
 import apiClient from "../modules/apiClient";
 import router from "../router";
 import storage from "../storage";
-export default {
+
+export default defineComponent({
   name: "Navigation",
   computed: {
     isActive() {
@@ -92,5 +94,5 @@ export default {
       }
     }
   }
-};
+});
 </script>
diff --git a/app/src/components/Pagination.vue b/app/src/components/Pagination.vue
index d9468e7..bf0045e 100644
--- a/app/src/components/Pagination.vue
+++ b/app/src/components/Pagination.vue
@@ -13,7 +13,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from "vue";
+
+export default defineComponent({
   name: "Pagination",
   props: {
     name: String,
@@ -36,7 +38,7 @@ export default {
       return i == this.page;
     }
   }
-};
+});
 </script>
 
 <style scoped>
diff --git a/app/src/pages/Categories.vue b/app/src/pages/Categories.vue
index 1ffdc56..e7d144c 100644
--- a/app/src/pages/Categories.vue
+++ b/app/src/pages/Categories.vue
@@ -60,11 +60,13 @@ const defaultPage = 1;
 const defaultLimit = 10;
 const defaultPageCount = 10;
 
+import { defineComponent } from "vue";
 import Loader from "@/components/Loader.vue";
 import Pagination from "@/components/Pagination.vue";
 import apiClient from "../modules/apiClient";
 import storage from "../storage";
-export default {
+
+export default defineComponent({
   name: "Categories",
   components: {
     Loader,
@@ -141,7 +143,7 @@ export default {
       }
     }
   }
-};
+});
 </script>
 
 <style scoped>
diff --git a/app/src/pages/Comments.vue b/app/src/pages/Comments.vue
index 78e3bc1..cbec1b7 100644
--- a/app/src/pages/Comments.vue
+++ b/app/src/pages/Comments.vue
@@ -56,10 +56,12 @@ const defaultPage = 1;
 const defaultLimit = 10;
 const defaultPageCount = 10;
 
+import { defineComponent } from "vue";
 import Loader from "@/components/Loader.vue";
 import Pagination from "@/components/Pagination.vue";
 import apiClient from "../modules/apiClient";
-export default {
+
+export default defineComponent({
   name: "Comments",
   components: {
     Loader,
@@ -113,7 +115,7 @@ export default {
       }
     }
   }
-};
+});
 </script>
 
 <style scoped>
diff --git a/app/src/pages/CreateCategory.vue b/app/src/pages/CreateCategory.vue
index 47e5309..0cdde6f 100644
--- a/app/src/pages/CreateCategory.vue
+++ b/app/src/pages/CreateCategory.vue
@@ -15,12 +15,13 @@
 </template>
 
 <script>
+import { defineComponent } from "vue";
 import Loader from "@/components/Loader.vue";
 import Error from "../components/Error";
 import apiClient from "../modules/apiClient";
 import router from "../router";
 
-export default {
+export default defineComponent({
   name: "CreateCategory",
   components: {
     Loader,
@@ -61,5 +62,5 @@ export default {
       }
     }
   }
-};
+});
 </script>
diff --git a/app/src/pages/CreatePost.vue b/app/src/pages/CreatePost.vue
index 50bdda2..9f9f058 100644
--- a/app/src/pages/CreatePost.vue
+++ b/app/src/pages/CreatePost.vue
@@ -70,6 +70,7 @@
 </template>
 
 <script>
+import { defineComponent } from "vue";
 import Loader from "@/components/Loader.vue";
 import Error from "../components/Error";
 import apiClient from "../modules/apiClient";
@@ -81,7 +82,7 @@ import "highlight.js/styles/github.css";
 import router from "../router";
 import storage from "../storage";
 
-export default {
+export default defineComponent({
   name: "CreatePost",
   components: {
     Loader,
@@ -203,7 +204,7 @@ export default {
       }
     }
   }
-};
+});
 </script>
 
 <style scoped>
diff --git a/app/src/pages/CreateTag.vue b/app/src/pages/CreateTag.vue
index 1366ecf..1e16c59 100644
--- a/app/src/pages/CreateTag.vue
+++ b/app/src/pages/CreateTag.vue
@@ -15,12 +15,13 @@
 </template>
 
 <script>
+import { defineComponent } from "vue";
 import Loader from "@/components/Loader.vue";
 import Error from "../components/Error";
 import apiClient from "../modules/apiClient";
 import router from "../router";
 
-export default {
+export default defineComponent({
   name: "CreateTag",
   components: {
     Loader,
@@ -61,7 +62,7 @@ export default {
       }
     }
   }
-};
+});
 </script>
 
 <style scoped></style>
diff --git a/app/src/pages/EditCategory.vue b/app/src/pages/EditCategory.vue
index 8d34430..9ca9de2 100644
--- a/app/src/pages/EditCategory.vue
+++ b/app/src/pages/EditCategory.vue
@@ -15,11 +15,12 @@
 </template>
 
 <script>
+import { defineComponent } from "vue";
 import Loader from "@/components/Loader.vue";
 import Error from "../components/Error";
 import apiClient from "../modules/apiClient";
 
-export default {
+export default defineComponent({
   name: "EditCategory",
   components: {
     Loader,
@@ -82,5 +83,5 @@ export default {
       }
     }
   }
-};
+});
 </script>
diff --git a/app/src/pages/EditComment.vue b/app/src/pages/EditComment.vue
index 53f1881..ddda721 100644
--- a/app/src/pages/EditComment.vue
+++ b/app/src/pages/EditComment.vue
@@ -24,13 +24,14 @@
 </template>
 
 <script>
+import { defineComponent } from "vue";
 import Loader from "@/components/Loader.vue";
 import Error from "../components/Error";
 import consts from "../consts/comments";
 import apiClient from "../modules/apiClient";
 import storage from "../storage";
 
-export default {
+export default defineComponent({
   name: "EditComment",
   components: {
     Loader,
@@ -121,5 +122,5 @@ export default {
       }
     }
   }
-};
+});
 </script>
diff --git a/app/src/pages/EditPost.vue b/app/src/pages/EditPost.vue
index 9d24a6f..c201e11 100644
--- a/app/src/pages/EditPost.vue
+++ b/app/src/pages/EditPost.vue
@@ -69,6 +69,7 @@
 </template>
 
 <script>
+import { defineComponent } from "vue";
 import Loader from "@/components/Loader.vue";
 import Error from "../components/Error";
 import apiClient from "../modules/apiClient";
@@ -79,7 +80,7 @@ import hljs from "highlight.js";
 import "highlight.js/styles/github.css";
 import storage from "../storage";
 
-export default {
+export default defineComponent({
   name: "EditPost",
   components: {
     Loader,
@@ -226,7 +227,7 @@ export default {
       }
     }
   }
-};
+});
 </script>
 
 <style scoped>
diff --git a/app/src/pages/EditTag.vue b/app/src/pages/EditTag.vue
index c9d469d..5f26326 100644
--- a/app/src/pages/EditTag.vue
+++ b/app/src/pages/EditTag.vue
@@ -15,11 +15,12 @@
 </template>
 
 <script>
+import { defineComponent } from "vue";
 import Loader from "@/components/Loader.vue";
 import Error from "../components/Error";
 import apiClient from "../modules/apiClient";
 
-export default {
+export default defineComponent({
   name: "EditTag",
   components: {
     Loader,
@@ -82,5 +83,5 @@ export default {
       }
     }
   }
-};
+});
 </script>
diff --git a/app/src/pages/Home.vue b/app/src/pages/Home.vue
index 13f6c98..cbc3561 100644
--- a/app/src/pages/Home.vue
+++ b/app/src/pages/Home.vue
@@ -5,9 +5,11 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from "vue";
+
+export default defineComponent({
   name: "Home"
-};
+});
 </script>
 
 <style>
diff --git a/app/src/pages/Posts.vue b/app/src/pages/Posts.vue
index 5a10df4..71e6c74 100644
--- a/app/src/pages/Posts.vue
+++ b/app/src/pages/Posts.vue
@@ -63,10 +63,12 @@ const defaultPage = 1;
 const defaultLimit = 10;
 const defaultPageCount = 10;
 
+import { defineComponent } from "vue";
 import Loader from "@/components/Loader.vue";
 import Pagination from "@/components/Pagination.vue";
 import apiClient from "../modules/apiClient";
-export default {
+
+export default defineComponent({
   name: "Posts",
   components: {
     Loader,
@@ -142,7 +144,7 @@ export default {
       }
     }
   }
-};
+});
 </script>
 
 <style scoped>
diff --git a/app/src/pages/Signin.vue b/app/src/pages/Signin.vue
index fee197c..bd76746 100644
--- a/app/src/pages/Signin.vue
+++ b/app/src/pages/Signin.vue
@@ -21,13 +21,14 @@
 </template>
 
 <script>
+import { defineComponent } from "vue";
 import Loader from "../components/Loader";
 import Error from "../components/Error";
 import apiClient from "../modules/apiClient";
 import router from "../router";
 import storage from "../storage";
 
-export default {
+export default defineComponent({
   name: "Signin",
   components: {
     Loader,
@@ -64,5 +65,5 @@ export default {
       }
     }
   }
-};
+});
 </script>
diff --git a/app/src/pages/Tags.vue b/app/src/pages/Tags.vue
index 8e52749..94295f5 100644
--- a/app/src/pages/Tags.vue
+++ b/app/src/pages/Tags.vue
@@ -59,11 +59,12 @@ const defaultPage = 1;
 const defaultLimit = 10;
 const defaultPageCount = 10;
 
+import { defineComponent } from "vue";
 import Loader from "@/components/Loader.vue";
 import Pagination from "@/components/Pagination.vue";
 import apiClient from "../modules/apiClient";
 import storage from "../storage";
-export default {
+export default defineComponent({
   name: "Tags",
   components: {
     Loader,
@@ -140,7 +141,7 @@ export default {
       }
     }
   }
-};
+});
 </script>
 
 <style scoped>