Mizah/Sharkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

formula component based on katex

Browse source 
thanks a lot to MoshiBar for the initial implementation!
This commit is contained in:
dakkar 2023-12-25 18:12:55 +00:00
parent 62a0f43c84
commit 8d291ef039
2 changed files with 44 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

14
packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts
View file

@ -3,7 +3,7 @@
* SPDX-License-Identifier: AGPL-3.0-only
*/
import { VNode, h } from 'vue';
import { VNode, h, defineAsyncComponent } from 'vue';
import * as mfm from '@sharkey/sfm-js';
import * as Misskey from 'misskey-js';
import MkUrl from '@/components/global/MkUrl.vue';
@ -61,6 +61,8 @@ export default function(props: MfmProps) {
const useAnim = defaultStore.state.advancedMfm && defaultStore.state.animatedMfm ? true : props.isAnim ? true : false;
const MkFormula = defineAsyncComponent(() => import('@/components/MkFormula.vue'));
/**
* Gen Vue Elements from MFM AST
* @param ast MFM AST
@ -410,11 +412,17 @@ export default function(props: MfmProps) {
}
case 'mathInline': {
return [h('code', token.props.formula)];
return [h(MkFormula, {
formula: token.props.formula,
block: false,
})];
}
case 'mathBlock': {
return [h('code', token.props.formula)];
return [h(MkFormula, {
formula: token.props.formula,
block: true,
})];
}
case 'search': {