Multi Variant Component with props option

Slider.vue

<template>

<div class="slider">
  <Slider1 v-if="type == 1"></Slider1>
  <Slider2 v-else></Slider2>
</div>

</template>

<script>
export default {
   name: "Slider",
   components: ["Slider1", "Slider2"],
   props: ["type"],
}
</script>