Transition from intial query to infinite scroll

aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue

@@ -28,7 +28,8 @@
         :date="date"
         :docs="docs"
         :lastQuery="lastQuery"
-        :focus-on-mount="gotoDate.toMillis() === date.toMillis()"
+        :focus-on-mount="gotoDate && (gotoDate.toMillis() === date.toMillis())"
+        @init="transition"
         />
 
       <date-select-footer :value="$route.hash.substring(1)" />
@@ -99,10 +100,8 @@ export default {
       groups: [],
       courses: [],
       incomplete: false,
-      // TODO: Start with false until main query finished
       ready: false,
       gotoDate: false,
-      // TODO: Who sets ready true & gotoDate false?
     };
   },
   computed: {
@@ -171,6 +170,10 @@ export default {
       this.dateStart = date.minus({ days: 3 }).toISODate();
       this.dateEnd = date.plus({ days: 4 }).toISODate();
     },
+    transition() {
+      this.gotoDate = false
+      this.ready = true
+    },
     groupDocsByDay(docs) {
       // => {dt: {date: dt, docs: doc ...} ...}
       const docsByDay = docs.reduce((byDay, doc) => {

aleksis/apps/alsijil/frontend/components/coursebook/CoursebookDay.vue

@@ -49,6 +49,7 @@ export default {
       default: false,
     },
   },
+  emits: ['init'],
   methods: {
     focus(how) {
       this.$el.scrollIntoView({
@@ -63,6 +64,7 @@ export default {
     if (this.focusOnMount) {
       this.$nextTick(this.focus("instant"));
       console.log('focused @', this.date.toISODate());
+      this.$emit('init');
     }
   },
 };