use RevealAwesoMD for more awsomeness

Author: individual-it

package-common.json

@@ -15,7 +15,8 @@
   },
   "dependencies": {
     "@types/reveal.js": "^4.4.8",
-    "reveal.js": "^5.1.0"
+    "reveal.js": "^5.1.0",
+    "revealjs-awesomd": "github:opf/revealjs-awesoMD"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.24.5",

src/App.vue

@@ -31,7 +31,7 @@ import {
 } from '@ownclouders/web-pkg'
 import { Resource } from '@ownclouders/web-client/src'
 import Reveal from 'reveal.js'
-import RevealMarkdown from 'reveal.js/plugin/markdown/markdown'
+import RevealAwesoMD from 'revealjs-awesomd/plugin/awesoMD/awesoMD'
 import RevealHighlight from 'reveal.js/plugin/highlight/highlight'
 
 import 'reveal.js/dist/reveal.css'
@@ -101,7 +101,7 @@ onMounted(async () => {
     })
 
   reveal = new Reveal(unref(revealContainer), {
-    plugins: [RevealMarkdown, RevealHighlight]
+    plugins: [RevealAwesoMD, RevealHighlight]
   })
 
   await reveal.initialize({

src/css/variables.css

@@ -1,4 +1,4 @@
-/* color */
+@import '../../node_modules/revealjs-awesomd/dist/css/alerts.css'; /* color */
 :root {
   --code-color: #c1798b;
   --code-bg-color: #f9f2f4;