changed all v-layout and v-flex to v-row and v-col respectively, lot's of messed up grids now :(

ayanova/src/components/HelloWorld.vue

@@ -1,20 +1,20 @@
 <template>
   <v-container>
-    <v-layout text-center wrap>
-      <v-flex xs12>
+    <v-row text-center wrap>
+      <v-col xs12>
         <v-img
           :src="require('../assets/logo.svg')"
           class="my-4"
           contain
           height="200"
         ></v-img>
-      </v-flex>
-      <v-flex mb-6 v-if="this.formReady">
+      </v-col>
+      <v-col mb-6 v-if="this.formReady">
         <h1 class="display-2 font-weight-bold mb-4">
           {{ lt("Welcome") }}
         </h1>
-      </v-flex>
-    </v-layout>
+      </v-col>
+    </v-row>
   </v-container>
 </template>