¿Podemos mostrar y ocultar un componente según el valor del cuadro de texto? Vi que v-if puede hacer una representación condicional, pero cuando el cuadro de texto es nulo, no aparece nada. Y cuando i cualquier personaje, ambos aparecen

Lo que quiero es filtrar componentes específicos

 <template> <input type="text" v-model="search"> <ul> <li><ComponentA v-if="search.includes('ComponentA') || search.length == 0" /></li> <li><ComponentB v-if="search.includes('ComponentB') || search.length == 0" /></li> </ul> </template> <script setup> import ComponentA from '../components/ComponentA.vue' import ComponentB from '../components/ComponentB.vue' import {ref} from 'vue' let search = ref('') </script>