Resolve "Loading animation for timetable object select on left side of timetables"

Closes #263 (closed)

aleksis/apps/chronos/frontend/components/SelectTimetable.vue

@@ -13,6 +13,11 @@ export default {
       type: Array,
       required: true,
     },
+    loading: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
   },
   data() {
     return {
@@ -80,6 +85,7 @@ export default {
       :search="search"
       single-expand
       disable-pagination
+      :loading="loading"
     >
       <template #default="{ items, isExpanded, expand }">
         <v-list class="scrollable-list">
@@ -108,7 +114,7 @@ export default {
       </template>
       <template #loading>
         <v-skeleton-loader
-          type="list-item-avatar,list-item-avatar,list-item-avatar"
+          type="list-item-avatar@10"
         />
       </template>
     </v-data-iterator>