Skip to content

WIP: Vuejs

Nax requested to merge vuejs into dev

As stated in vue.config.js :

/**
 * Re2o VueJS configuration
 * 
 * Each VueJS components in static/components are compiled into asynchronous
 * chunks in static/bundles.
 * Then you can use for exemple <re2o-hello-world></re2o-hello-world> to call
 * the HelloWorld component.
 * 
 * You can develop components using `yarnpkg watch` (auto rebuild in dev mode)
 * and `watch python3 manage.py collectstatic --noinput` (auto collect statics).
 */

This MR adds :

  • the basic VueCli configuration with async WebComponent target.
  • <re2o-message> component that display a Boostrap alert message with Django or Boostrap colors.

For a end-user, now yarn build need to be run before collecting statics to compile JavaScript.

Each component will create a ShadowDOM, i.e. a isolated section that does not inherit anything from his parent. This requires ShadowDOM support in browsers, this is supported by all major browsers except InternetExplorer (dead) and OperaMini (dead).

Edited by Nax

Merge request reports