Allow script evaluation with added components

.prettierrc

@@ -0,0 +1,6 @@
+{
+    "tabWidth": 4,
+    "semi": false,
+    "singleQuote": true,
+    "arrowParens": "avoid"
+}

dist/manifest.json

@@ -1 +1 @@
-{"/livewire.js":"/livewire.js?id=b18d1e6ce7a0f48faa6c"}
+{"/livewire.js":"/livewire.js?id=ab9516a37c5721cc5580"}

js/Store.js

@@ -1,11 +1,12 @@
-import EventAction from "@/action/event";
-import HookManager from "@/HookManager";
-import DirectiveManager from "@/DirectiveManager";
-import MessageBus from "./MessageBus";
+import EventAction from '@/action/event'
+import HookManager from '@/HookManager'
+import DirectiveManager from '@/DirectiveManager'
+import MessageBus from './MessageBus'
 
 const store = {
     componentsById: {},
-    listeners: new MessageBus,
+    listeners: new MessageBus(),
+    initialRenderIsFinished: false,
     livewireIsInBackground: false,
     livewireIsOffline: false,
     hooks: HookManager,
@@ -19,22 +20,21 @@ const store = {
     },
 
     addComponent(component) {
-        return this.componentsById[component.id] = component
+        return (this.componentsById[component.id] = component)
     },
 
     findComponent(id) {
         return this.componentsById[id]
     },
 
     getComponentsByName(name) {
-        return this.components()
-            .filter(component => {
-                return component.name === name
-            })
+        return this.components().filter(component => {
+            return component.name === name
+        })
     },
 
     hasComponent(id) {
-        return !! this.componentsById[id]
+        return !!this.componentsById[id]
     },
 
     tearDownComponents() {
@@ -50,28 +50,25 @@ const store = {
     emit(event, ...params) {
         this.listeners.call(event, ...params)
 
-        this.componentsListeningForEvent(event).forEach(
-            component => component.addAction(new EventAction(
-                event, params
-            ))
+        this.componentsListeningForEvent(event).forEach(component =>
+            component.addAction(new EventAction(event, params))
         )
     },
 
     emitUp(el, event, ...params) {
-        this.componentsListeningForEventThatAreTreeAncestors(el, event).forEach(
-            component => component.addAction(new EventAction(
-                event, params
-            ))
+        this.componentsListeningForEventThatAreTreeAncestors(
+            el,
+            event
+        ).forEach(component =>
+            component.addAction(new EventAction(event, params))
         )
     },
 
     emitSelf(componentId, event, ...params) {
         let component = this.findComponent(componentId)
 
         if (component.events.includes(event)) {
-            component.addAction(new EventAction(
-                event, params
-            ))
+            component.addAction(new EventAction(event, params))
         }
     },
 
@@ -80,9 +77,7 @@ const store = {
 
         components.forEach(component => {
             if (component.events.includes(event)) {
-                component.addAction(new EventAction(
-                    event, params
-                ))
+                component.addAction(new EventAction(event, params))
             }
         })
     },
@@ -99,8 +94,10 @@ const store = {
         }
 
         return this.components().filter(component => {
-            return component.events.includes(event)
-                && parentIds.includes(component.id)
+            return (
+                component.events.includes(event) &&
+                parentIds.includes(component.id)
+            )
         })
     },
 
@@ -131,7 +128,7 @@ const store = {
 
     onError(callback) {
         this.onErrorCallback = callback
-    }
+    },
 }
 
 export default store