This problem was fixed by a friend on the Vue.js forum. For anyone else who is running into this issue I’ll post his answer here. In short you need to create a separate file that will install the composition API plugin and call that file within the router/index.ts file to instantiate the plugin. It’s because … Read more
As another answer explains, reactive creates proxy object to enable the reactivity. this in constructor refers to original MyClass instance and not a proxy, so it cannot cannot be reactive. This indicates the probem in the code. reactive takes into account synchronous operations that occur in MyClass constructor. It’s an antipattern to perform asynchronous side … Read more
Key Points reactive() only takes objects, NOT JS primitives (String, Boolean, Number, BigInt, Symbol, null, undefined) ref() is calling reactive() behind the scenes Since reactive() works for objects and ref() calls reactive(), objects work for both BUT, ref() has a .value property for reassigning, reactive() does not have this and therefore CANNOT be reassigned Use … Read more
As suggested in official docs you could use mitt library to dispatch events between components, let suppose that we have a sidebar and header which contains a button that close/open the sidebar and we need that button to toggle some property inside the sidebar component : in main.js import that library and create an instance … Read more