Есть ли способ не выводить содержимое слота по умолчанию?

Question

[Дмитрий]

Есть компонент, у которого есть несколько именованных слотов.
В одном слоте есть содержимое по умолчанию. Мне не нужно выводить этот слот в компоненте. Но если я его не укажу, то будет вставлено содержимое по умолчанию. От содержимого по умолчанию отказаться нельзя.

<!-- Компонент -->
<template>
  <div>
    <slot name="one">Контент по умолчанию</slot>
    <slot name="two"></slot>
  </div>
</template>

<!-- Родительский компонент -->
<template>
  <div id="app">
    <Component>
      <!-- Содержимое v-slot:one выводится -->
      <template v-slot:two>content</template>
    </Component>
  </div>
</template>

Придумал такой хак, но он мне не нравится

<template>
  <div id="app">
    <Component>
      <template v-slot:one><div v-show="false"></div></template>
      <template v-slot:two>content</template>
    </Component>
  </div>
</template>

Answer 1

[Сергей delphinpro]

<slot name="one" v-if="$slots.one"></slot>
<div v-else>Контент по умолчанию</div>