diff --git a/nginx/vue/src/components/quick/Markdown.vue b/nginx/vue/src/components/quick/Markdown.vue
new file mode 100644
index 0000000..adaed49
--- /dev/null
+++ b/nginx/vue/src/components/quick/Markdown.vue
@@ -0,0 +1,21 @@
+<script setup>
+import MarkdownIt from "markdown-it";
+import { katex } from "@mdit/plugin-katex";
+
+const mdIt = MarkdownIt().use(katex);
+
+const props = defineProps({
+    source: String,
+});
+</script>
+
+<template>
+    <div
+        v-html="mdIt.render(props.source)"
+        class="flex-col center-content"
+    ></div>
+</template>
+
+<style>
+@import "katex/dist/katex.min.css";
+</style>