hunk.code_window:         vertical: 'hidden',
           horizontal: 'hidden',
         },
         overviewRulerLanes: 0,
         minimap: { enabled: false },
       })
       format = async () => {
         model.setValue((await formatCode(props.code, lang())).trim())
  
hunk.labels: keep keep keep keep add keep keep keep keep
hunk.after_edit:       ...editorOptions,
  
hunk.file_path: packages/client/iframes/monaco/index.ts
hunk.type: add
file: <script setup lang="ts">
  import { computed } from '@vue/reactivity'
  
  const props = defineProps<{
    url: string
    scale?: number
  }>()
  
  const scaleInvertPercent = computed(() => `${(1 / (props.scale || 1)) * 100}%`)
  </script>
  
  <template>
    <div class="grid grid-cols-2 w-full h-full">
      <div relative :style="{ width: scaleInvertPercent, height: scaleInvertPercent }">
        <iframe
          id="frame" class="w-full h-full"
          :src="url"
          :style="scale ? { transform: `scale(${scale})`, transformOrigin: 'top left' } : {}"
        />
        <div class="slidev-layout default" v-bind="$attrs">
          <slot />
        </div>
      </div>
    </div>
  </template>
  