feat: post-specific katex macros

Author: Xecades

packages/vite-plugin-vue-xecades-note

@@ -45,11 +45,11 @@ const replaceNewcommandWithGdef = (raw: string): string => {
 };
 
 
-const _render = (options: KatexOptions) => (raw: string) => {
+const _render = (options: KatexOptions) => (raw: string, macros?: any) => {
     raw = replaceNewcommandWithGdef(raw);
 
     try {
-        return katex.renderToString(raw, options);
+        return katex.renderToString(raw, { ...options, macros: macros || {} });
     } catch (error) {
         console.error(error);
         return `<span style="color: red">${raw}</span>`;
@@ -63,6 +63,6 @@ const config: KatexOptions = {
 
 const render_inline = _render({ displayMode: false, ...config });
 const render_block = _render({ displayMode: true, ...config });
-const render = (raw: string, opts: KatexOptions) => _render(opts)(raw);
+const render = (raw: string, opts: KatexOptions, macros?: any) => _render(opts)(raw, macros);
 
 export { render, render_inline, render_block };

src/assets/ts/latex.ts

@@ -1,11 +1,13 @@
 <script setup lang="ts">
+import { inject } from "vue";
 import { render_block } from "@/assets/ts/latex";
 import { OverlayScrollbarsComponent } from "overlayscrollbars-vue";
 
 import type { PartialOptions } from "overlayscrollbars";
 
 const props = defineProps<{ data: string }>();
-const parsed: string = render_block(props.data);
+const macros = inject("katex-macros", {});
+const parsed: string = render_block(props.data, macros);
 
 /** @see https://github.com/KingSora/OverlayScrollbars/ */
 const osOptions: PartialOptions = {

src/components/md/BlockMath.vue

@@ -1,8 +1,10 @@
 <script setup lang="ts">
+import { inject } from "vue";
 import { render_inline } from "@/assets/ts/latex";
 const props = defineProps<{ data: string }>();
 
-const parsed: string = render_inline(props.data);
+const macros = inject("katex-macros", {});
+const parsed: string = render_inline(props.data, macros);
 </script>
 
 <template>