Currently, I am in the process of creating a versatile State Manager that can seamlessly integrate with various Frontend Frameworks, including Vue. In order to showcase how the State Manager can be utilized within Vue, I have set up a simple codesandbox demo. Having a live code example is always beneficial and can be highlighted in the Readme for better understanding.
[Vue warn]: Property or method "children" is not defined on the instance but referenced during render. Ensure that this property is reactive, either by using the data option or initializing it for class-based components. For more information, refer to: https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.
The aforementioned error specifically presents itself when viewing the codesandbox in the editor + preview mode. However, when accessed locally or in a separate tab displaying only the preview, everything functions as expected without any errors.
Error in Codesandbox Link:
https://codesandbox.io/s/agilets-first-state-i5xxs?file=/src/main.js
Codesandbox Preview in Separate Tab (Without Error):
Local Project (No Errors):
https://github.com/agile-ts/agile/tree/master/examples/vue/develop/my-project
I am unsure of what might be causing this issue. It appears to be related to my State Manager, as the default Vue codesandbox operates smoothly.