diff --git a/src/main.ts b/src/main.ts
index 00831cc..c186c97 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,9 +1,16 @@
-import {createApp} from 'vue'
+import {createApp, h} from 'vue'
 import App from './App.vue'
 import router from './scripts/router'
 import {i18n} from "@/messages";
 import '@fortawesome/fontawesome-free/css/all.min.css'
 
 const app = createApp(App).use(router).use(i18n)
+    .component('Dynamic', {
+        props: ['template'],
+        render() {
+            return h({template: this.template})
+        }
+    })
+
 // app.config.performance = true
 app.mount('#app')
diff --git a/src/views/About.vue b/src/views/About.vue
index 8500f7e..74a23c3 100644
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -1,6 +1,6 @@
 <template>
-    <div id="About" class="markdown-content" v-html="html">
-
+    <div id="About" class="markdown-content">
+        <Dynamic :template="html"></Dynamic>
     </div>
 </template>
 
diff --git a/vue.config.js b/vue.config.js
index 36b014d..761e61d 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,5 @@
 module.exports = {
+    runtimeCompiler: true,
     devServer: {
         disableHostCheck: true
     }