hunk.code_window: const props = defineProps<{
     width: number
   }>()
   const width = computed(() => props.width)
   const height = computed(() => props.width / slideAspect)
   const screenAspect = computed(() => width.value / height.value)
  
hunk.labels: keep keep keep keep keep replace keep keep keep
hunk.after_edit: const height = computed(() => props.width / slideAspect.value)
  
hunk.file_path: packages/client/internals/PrintContainer.vue
hunk.type: replace
file: <!--
  PlantUML
  (auto transformed, you don't need to use this component directly)
  
  Usage:
  
  ```plantuml
  @startuml
  Alice -> Bob : Hello!
  @enduml
  ```
  -->
  <script setup lang="ts">
  import { computed } from 'vue'
  
  const props = withDefaults(defineProps<{
    code: string
    server: string
    scale?: number
    alt?: string
  }>(), {
    alt: 'PlantUML diagram',
  })
  
  const uri = computed(() => `${props.server}/svg/${props.code}`)
  </script>
  
  <template>
    <img :src="uri" :style="{ scale }" :alt="alt">
  </template>
  