Extend Dynamically based on Props

Let’s say I have a Search component called <Search> that takes a prop called ":category`. Well, each category has its own class which does its own search and all that jazz.

Naturally, I have https://site.com/book/search and the BookSearch extended on the Vue search. I have this for Author and series.

However, I want my new <Search> component needs to be dynamic. I cannot do something like:

export default class Search extends BookSearch | AuthorSearch | SeriesSearch {

So how do I conditionally extend the <Search> component to only extend when a prop is introduced (ie: <Search category="Book"> and have it extend the BookSearch.