hunk.code_window: /**
    * Transform Monaco code block to component
    */
   export function transformHighlighter(md: string) {
     return md.replace(/^```(\w+?)\s*{([\d\w*,\|-]+)}[\s\n]*([\s\S]+?)^```/mg, (full, lang = '', rangeStr: string, code: string) => {
       const ranges = rangeStr.split(/\|/g).map(i => i.trim())
  
hunk.labels: keep keep keep keep replace keep
hunk.after_edit:   return md.replace(/^```(\w+?)\s*{([\d\w*,\|-]+)}\s*({.*?})[\s\n]*([\s\S]+?)^```/mg, (full, lang = '', rangeStr: string, options = '', code: string) => {
  
hunk.file_path: packages/slidev/node/plugins/markdown.ts
hunk.type: replace
file: <script setup lang="ts">
  import { ref, defineProps } from 'vue'
  
  const props = defineProps({
    value: {
      default: false,
    },
    true: {
      default: 'true',
    },
    false: {
      default: 'false',
    },
    trueClass: {
      default: 'text-primary',
    },
    falseClass: {
      default: 'text-orange-400 dark:text-orange-300',
    },
  })
  </script>
  
  <template>
    <span :class="props.value ? props.trueClass : props.falseClass">
      {{ props.value ? props.true : props.false }}
    </span>
  </template>
  