vuetifyの<v-app>をコンポーネント内に書くとアプリのレイアウトが大幅に崩れる

Question

Vue.jsでアプリ全体ではなく一部のコンポーネントにvuetifyを適応してコンポーネントの使い回しをしやすくしたいです。しかし、コンポーネントの一つにvuetifyを使うための<v-app>タグでラップすると、ページ全体のレイアウトが大幅にくずれます。
親コンポーネントでラップすればうまくいくのですが、この場合、他のユーザにコンポーネントを提供しようとする場合に、v-appで囲ってもらわなければいけなくなり、不都合が起こると思います。

v-appで囲まない場合もこれはこれで色がおかしくなったりレイアウトが崩れたりしてしまいます。
各コンポーネントごとにvuetifyを使いたい場合にはどのように記述するのが良いかわからないでいます。
似たような悩みの記事もありました。何か汎用的な解決策はあるのでしょうか？