fix: dynamic load parser in MDC component (#363)

Author: farnabaz

src/runtime/components/MDC.vue

@@ -21,7 +21,6 @@
 import { useAsyncData } from 'nuxt/app'
 import { watch, computed, type PropType } from 'vue'
 import type { MDCParseOptions } from '@nuxtjs/mdc'
-import { parseMarkdown } from '../parser'
 
 const props = defineProps({
   tag: {
@@ -87,6 +86,7 @@ const { data, refresh, error } = await useAsyncData(key.value, async () => {
   if (typeof props.value !== 'string') {
     return props.value
   }
+  const { parseMarkdown } = await import('@nuxtjs/mdc/runtime')
   return await parseMarkdown(props.value, {
     ...props.parserOptions,
     toc: props.partial ? false : props.parserOptions?.toc,