hunk.code_window: })
   const style = computed(() => ({
     'height': `${slideHeight}px`,
     'width': `${slideWidth}px`,
     'transform': `translate(-50%, -50%) scale(${scale.value})`,
     '--slidev-slide-scale': scale.value,
   }))
  
hunk.labels: keep keep keep replace replace keep keep keep
hunk.after_edit:   'height': `${slideHeight.value}px`,
     'width': `${slideWidth.value}px`,
  
hunk.file_path: packages/client/internals/SlideContainer.vue
hunk.type: replace
file: <script setup lang="ts">
  import { useVModel } from '@vueuse/core'
  
  const props = defineProps({
    modelValue: {
      default: false,
    },
    class: {
      default: '',
    },
  })
  
  const emit = defineEmits(['update:modelValue'])
  const value = useVModel(props, 'modelValue', emit)
  
  function onClick() {
    value.value = false
  }
  </script>
  
  <template>
    <KeepAlive>
      <div v-if="value" class="fixed top-0 bottom-0 left-0 right-0 grid z-20">
        <div
          bg="black opacity-80"
          class="absolute top-0 bottom-0 left-0 right-0 -z-1"
          @click="onClick()"
        />
        <div
          class="m-auto rounded-md bg-main shadow"
          dark:border="~ main"
          :class="props.class"
        >
          <slot />
        </div>
      </div>
    </KeepAlive>
  </template>
  