AEM SPA Editor with VUE3 using @mavice/aem-vue-editable-components

[sachindey1231]

Problem Statement:

We are trying to implement SPA Editor using VUE3. As per recommendation from adobe we have used @mavice/aem-vue-editable-components provides the integration layer between AEM and VUE components. However, the @mavice/aem-vue-editable-components is not compatible with VUE3.

https://github.com/adobe/aem-project-archetype/issues/766

GIT REPO for VUE2

https://github.com/mavicellc/aem-guides-wknd-spa/tree/Vue/create-project-start

https://www.npmjs.com/package/@mavice/aem-vue-editable-components

Can anyone suggest an alternative plugin which can be used for VUE3 instead?

https://github.com/mavicellc/aem-vue-editable-components

[kautuk_sahni]

@goyalkritika @Manu_Mathew_ @B_Sravan @EstebanBustamante @Mahedi_Sabuj @A_H_M_Imrul @aanchal-sikka Can you please review this unanswered question? Appreciate your thoughts on this.

[EstebanBustamante · Accepted solution]

Unfortunately, Vue is not officially supported by Adobe, unlike Angular or React. Therefore, if you are determined to use Vue3, you will need to construct your own set of components. Using the "@mavice" as a base can be quite helpful for a significant portion of the way.

Hope this helps