Replace v-content with v-main

frontend/pages/auth.vue

@@ -1,6 +1,6 @@
 <template>
   <v-app id="inspire">
-    <v-content>
+    <v-main>
       <v-container class="fill-height" fluid>
         <v-row align="center" justify="center">
           <v-col cols="12" sm="8" md="4">
@@ -10,7 +10,7 @@
           </v-col>
         </v-row>
       </v-container>
-    </v-content>
+    </v-main>
   </v-app>
 </template>
 

frontend/pages/demo/named-entity-recognition/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-content>
+  <v-main>
     <v-container fluid>
       <v-row justify="center">
         <v-col cols="12" md="9">
@@ -21,7 +21,7 @@
         </v-col>
       </v-row>
     </v-container>
-  </v-content>
+  </v-main>
 </template>
 
 <script>

frontend/pages/demo/sentiment-analysis/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-content>
+  <v-main>
     <v-container fluid>
       <v-row justify="center">
         <v-col cols="12" md="9">
@@ -22,7 +22,7 @@
         </v-col>
       </v-row>
     </v-container>
-  </v-content>
+  </v-main>
 </template>
 
 <script>

frontend/pages/demo/text-to-sql/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-content>
+  <v-main>
     <v-container fluid>
       <v-row justify="center">
         <v-col cols="12" md="9">
@@ -23,7 +23,7 @@
         </v-col>
       </v-row>
     </v-container>
-  </v-content>
+  </v-main>
 </template>
 
 <script>

frontend/pages/demo/translation/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-content>
+  <v-main>
     <v-container fluid>
       <v-row justify="center">
         <v-col cols="12" md="9">
@@ -23,7 +23,7 @@
         </v-col>
       </v-row>
     </v-container>
-  </v-content>
+  </v-main>
 </template>
 
 <script>

frontend/pages/index.vue

@@ -1,9 +1,9 @@
 <template>
-  <v-content>
+  <v-main>
     <the-top-banner />
     <feature-cards />
     <the-bottom-banner />
-  </v-content>
+  </v-main>
 </template>
 
 <script>