hunk.code_window:   xs: 460,
     ...breakpointsTailwind,
   })
   export const windowSize = useWindowSize()
   export const magicKeys = useMagicKeys()
   export const isScreenVertical = computed(() => windowSize.height.value - windowSize.width.value / slideAspect > 120)
   export const fullscreen = useFullscreen(isClient ? document.body : null)
   export const activeElement = useActiveElement()
   export const isInputting = computed(() => ['INPUT', 'TEXTAREA'].includes(activeElement.value?.tagName || '') || activeElement.value?.classList.contains('CodeMirror-code'))
   export const isOnFocus = computed(() => ['BUTTON', 'A'].includes(activeElement.value?.tagName || ''))
  
hunk.labels: keep keep keep keep keep replace keep keep keep keep keep
hunk.after_edit: export const isScreenVertical = computed(() => windowSize.height.value - windowSize.width.value / slideAspect.value > 120)
  
hunk.file_path: packages/client/state/index.ts
hunk.type: replace
file: <script setup lang="ts">
  import { slideScale } from '../state'
  import SelectList from './SelectList.vue'
  import type { SelectionItem } from './types'
  
  const items: SelectionItem<number>[] = [
    {
      display: 'Fit',
      value: 0,
    },
    {
      display: '1:1',
      value: 1,
    },
  ]
  </script>
  
  <template>
    <div class="text-sm">
      <SelectList v-model="slideScale" title="Scale" :items="items" />
    </div>
  </template>
  