hunk.code_window:   width: `${slideWidth}px`,
     transform: `translate(-50%, -50%) scale(${scale.value})`,
   }))
   </script>
   <template>
     <div id="slide-container" ref="root">
  
hunk.labels: keep keep add keep keep keep keep
hunk.after_edit: const classes = computed(() => {
     const no = props.no ?? props.route?.meta?.slide?.no
     if (no != null)
       return `slidev-page-${no}`
     return ''
   })
  
hunk.file_path: packages/client/internals/SlideContainer.vue
hunk.type: add
file: <script setup lang="ts">
  import { defineProps, ref } from 'vue'
  
  const props = defineProps({
    count: {
      default: 0,
    },
  })
  
  const counter = ref(props.count)
  </script>
  
  <template>
    <div flex="~" w="min" border="~ gray-400 opacity-50 rounded-md">
      <button
        border="r gray-400 opacity-50"
        p="2"
        font="mono"
        outline="!none"
        hover:bg="gray-400 opacity-20"
        @click="counter -= 1"
      >-</button>
      <span m="auto" p="2">{{ counter }}</span>
      <button
        border="l gray-400 opacity-50"
        p="2"
        font="mono"
        outline="!none"
        hover:bg="gray-400 opacity-20"
        @click="counter += 1"
      >+</button>
    </div>
  </template>
  