hunk.code_window: <template>
     <div id="slide-container" ref="root">
       <div id="slide-content" :style="style">
         <slot>
           <component :is="props.is || route.component" />
         </slot>
       </div>
       <slot name="controls" />
     </div>
  
hunk.labels: keep keep keep keep keep replace keep keep keep keep
hunk.after_edit:         <component :is="props.is || route.component" :classes="classes" />
  
hunk.file_path: packages/client/internals/SlideContainer.vue
hunk.type: replace
file: <template>
    <nav v-if="show" class="nav-links">
      <template v-if="links">
        <div v-for="item in links" :key="item.text" class="item">
          <NavDropdownLink v-if="item.items" :item="item" />
          <NavLink v-else :item="item" />
        </div>
      </template>
  
      <div v-if="localeLinks" class="item">
        <NavDropdownLink :item="localeLinks" />
      </div>
    </nav>
  </template>
  
  <script setup lang="ts">
  import { computed } from 'vue'
  import { useSiteDataByRoute } from 'vitepress'
  import { useLocaleLinks } from '../composables/nav'
  import NavLink from './NavLink.vue'
  import NavDropdownLink from './NavDropdownLink.vue'
  
  const site = useSiteDataByRoute()
  const localeLinks = useLocaleLinks()
  
  const links = computed(() => site.value.themeConfig.nav)
  const show = computed(() => links.value)
  </script>
  
  <style scoped>
  .nav-links {
    padding: .75rem 0;
    border-bottom: 1px solid var(--c-divider);
  }
  
  @media (min-width: 720px) {
    .nav-links {
      display: flex;
      padding: 2px 0 0;
      align-items: center;
      border-bottom: 0;
    }
  
    .item + .item {
      padding-left: 24px;
    }
  }
  </style>
  