Vue Web Components for CMS



Hey community,

we are building a new website from scratch and using a Java CMS that produces static content pages so no logic but JS is executed when a page is executed.
We expect something like this:

  1. There is a javascript import in the markdown
  2. We define components in cms templates and pass data via attributes
  3. Components are just the signatures of the components (like )

I thought it would be a good idea to use something like vuejs because it is

  1. commonly used
  2. easy to learn
  3. light weight

As always IE11 is a problem here because it doesn’t support web components.
We are using vue-cli 3.2.1 with Karols element wrapper library because the new vue wrapper does not support ie11.

As vue-cli 3 uses some es6 libraries we transpiled these node-dependencies before building our library and it worked in IE11.
As soon was we define cs styles inside of the components execution failed and the whole procedure seams more hacky than solid.

Do you know any stable ways for our mission? Is VueJs designed for this purpose or should we focus on another technique?

Thanks for your response :slight_smile: