Hello!

The Mavice team has added a new Vue.js SPA integration to AEM. Take full advantage of Vue's progressive and reactive ecosystem in creating scalable and production-ready AEM SPA applications. We were able to achieve this by developing an 'aem-vue-editable-components' library, similar to the 'aem-react-editable-components'. See the Mavice AEM WKND Vue project or create your own by cloning Mavice's fork of the Adobe AEM archetype on Github.

Thanks!

Translate

M

monnielo

New Participant

Hi there! I was very excited to come across your AEM Vue project!! I got through the tutorials and on to Map SPA Components to AEM Components (react version) and tried to follow along but setting up with vue. I got to the image resizing part and realized the grid in layout mode isn't working. I try to resize an element and it doesn't resize. I setup a separate react spa example and the grid works on there, so have been trying to compare the two. So far they seem pretty similar in handling the responsive grid. Any ideas what might be the cause? Thank you!

Translate

BrianKasingliAccepted solution

New Participant

@marcuss38348279,

Absolutely. Adobe and other third parties have documentation on this.

You can also follow the initial structural pattern of how Angular vs ReactJS, for your VueJS application, https://github.com/adobe/aem-project-archetype/tree/master/src/main/archetype

Translate

M

marcuss38348279Author

Level 2

Hi @briankasingli, I've seen these links, but it is much different than the current first class support AEM offers for React or Angular. None of those links are about using AEM's SPA editor to make SPAs with Vue, rather integrating Vue with the AEM's more classic templating system.

So while your solution was marked as the "accepted solution" (I didn't mark it as such) it really isn't.

Translate

Sign up

Login with SSO

Login to the community

Login with SSO