diff --git a/src/main.vue b/src/main.vue
index 0bf55c2..24026ef 100644
--- a/src/main.vue
+++ b/src/main.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import { useRoute } from 'vue-router'
 
 import { useRouteStore } from 'src/routes'
@@ -13,7 +13,7 @@ const routeStore = useRouteStore()
 const routeConfig = routeStore._routes[currentRoute.path]
 const headerConfig = routeStore._header
 
-const init = async () => {
+onMounted(async () => {
   const staleStylesheets = document.head.querySelectorAll('link[rel="stylesheet"]')
   staleStylesheets.forEach(stylesheet => {
     document.removeChild(stylesheet)
@@ -26,9 +26,7 @@ const init = async () => {
     document.head.appendChild(newElement)
   })
   ready.value = true
-}
-
-init()
+})
 </script>
 
 <template lang="pug">
diff --git a/src/views/markdown.vue b/src/views/markdown.vue
index becc1a2..0fc1bf4 100644
--- a/src/views/markdown.vue
+++ b/src/views/markdown.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import { useRoute } from 'vue-router'
 
 import EmbedableContent from 'src/components/shared/embedable-content.vue'
@@ -12,11 +12,9 @@ const currentRoute = useRoute()
 const routeStore = useRouteStore()
 const routeConfig = routeStore._routes[currentRoute.path]
 
-const init = async () => {
+onMounted(async () => {
   content.value = await fetchAndParseMarkdown(routeConfig.content)
-}
-
-init()
+})
 </script>
 
 <template lang="pug">