diff --git a/babel.config.js b/babel.config.js
index b31b3358c..1d3320337 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -9,7 +9,28 @@ const plugins = [
   [
     'prismjs',
     {
-      languages: ['javascript'],
+      languages: [
+        'javascript',
+        'json',
+        'python',
+        'java',
+        'bash',
+        'sql',
+        'c',
+        'csharp',
+        'cpp',
+        'go',
+        'kotlin',
+        'php',
+        'ruby',
+        'rust',
+        'scala',
+        'swift',
+        'typescript',
+        'yaml',
+        'erlang',
+        'dart',
+      ],
       // plugins: ['line-numbers'],
       // theme: 'funky',
       css: true,
diff --git a/src/main.ts b/src/main.ts
index 723f96857..0b665f652 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -18,6 +18,7 @@ import VueLog4js from './plugins/logPlugin/index'
 import { getOrCreateLogDir } from './utils/logger'
 import logConfig from './plugins/logPlugin/logConfig.json'
 import useConnection, { initOptionModel } from './database/useConnection'
+import VueMarkdown from 'vue-markdown'
 
 const { ConnectionInit } = useConnection()
 // Init typeORM connection before Vue APP start, after this DI services are available.
@@ -36,6 +37,7 @@ ConnectionInit({ doMigrations: false, undoMigrations: false } as initOptionModel
   Vue.use(VueClipboard)
   Vue.use(VueLog4js, config)
   Vue.use(VueRx)
+  Vue.use(VueMarkdown, { prism: require('prismjs/components/prism-core') })
 
   const locale: Language = store.state.app.currentLang
   const vueI18n: VueI18n = new VueI18n({