Vuetify v3でレイアウトが崩れる

今回はVuetify v3を使用した際にレイアウトが崩れる原因の解決策を紹介します。

Vuetify v3では、App.vueを編集する必要があります。
下記のコードのように<v-app>および<v-main>コンポーネントでアプリケーション全体を包む必要があります。これがないと、CSSが正しく適用されません。

<template> 
　<v-app>
　　<v-main> 
　　　<router-view /> 
　　</v-main> 
　</v-app>
 </template>

 <script>
 export default { 
　　name: 'App', 
};
 </script>

根気強く頑張ってください