💄 Добавил спиннер загрузки

frontend/src/components/Game.vue

@@ -13,9 +13,7 @@
       </transition>
     </div>
   </div>
-  <div v-else>
-    Загрузка...
-  </div>
+  <square-loader v-else :color="'#f3f3f3'" class="loader" />
 </template>
 
 <script>
@@ -23,11 +21,14 @@ import axios from 'axios'
 import List from './List.vue'
 import Result from './Result.vue'
 
+import SquareLoader from 'vue-spinner/src/SquareLoader.vue'
+
 export default {
   name: 'Game',
   components: {
     List,
-    Result
+    Result,
+    SquareLoader
   },
   data() {
     return {
@@ -112,6 +113,10 @@ export default {
   transform: rotateY(120deg);
 }
 
+.loader {
+  margin-top: 100px;
+}
+
 @media screen and (max-width: 486px) {
   .card {
     width: 94%;