Always use get('messages') when retrieving message section from store

Author: jissereitsma

view/frontend/templates/script/store/message-store.phtml

@@ -11,9 +11,9 @@ use Magento\Framework\View\Element\Template;
             messages: [],
             init() {
                 Alpine.effect(() => {
-                    const storeData = Alpine.store('LokiLocalStorage').data;
-                    if (storeData && storeData.messages && storeData.messages.messages) {
-                        this.messages = [...this.messages, ...storeData.messages.messages];
+                    const messageSection = Alpine.store('LokiLocalStorage').get('messages');
+                    if (messageSection && messageSection.messages) {
+                        this.messages = [...this.messages, ...messageSection.messages];
                         this.getStore().set('messages', {messages: []});
                     }
                 });
@@ -54,11 +54,11 @@ use Magento\Framework\View\Element\Template;
                 this.getStore().remove('messages');
             },
             getMessagesFromStore() {
-                const messagesSection = this.getStore().data.messages;
+                const messagesSection = this.getStore().get('messages');
                 return messagesSection && messagesSection.messages ? messagesSection.messages : [];
             },
             setMessageInStore(messages) {
-                const messagesSection = this.getStore().data.messages;
+                const messagesSection = this.getStore().get('messages');
                 messagesSection.messages = messages;
                 this.getStore().set('messages', messagesSection);
             },