diff --git a/docs/.vuepress/components/DemoBasicBlocks.vue b/docs/.vuepress/components/DemoBasicBlocks.vue
index ced290a5a..3610a7f95 100644
--- a/docs/.vuepress/components/DemoBasicBlocks.vue
+++ b/docs/.vuepress/components/DemoBasicBlocks.vue
@@ -8,9 +8,10 @@
 </template>
 
 <script>
-module.exports = {
+import utils from './demos/utils.js';
+
+export default {
   mounted() {
-    const utils = require('./demos/utils.js');
     window.editor2 = grapesjs.init(utils.gjsConfigBlocks);
   }
 }
diff --git a/docs/.vuepress/components/DemoCanvasOnly.vue b/docs/.vuepress/components/DemoCanvasOnly.vue
index 6bf6285c1..12148197a 100644
--- a/docs/.vuepress/components/DemoCanvasOnly.vue
+++ b/docs/.vuepress/components/DemoCanvasOnly.vue
@@ -2,9 +2,10 @@
 </template>
 
 <script>
-module.exports = {
+import utils from './demos/utils.js';
+
+export default {
   mounted() {
-    const utils = require('./demos/utils.js');
     const editor = grapesjs.init(utils.gjsConfigStart);
   }
 }
diff --git a/docs/.vuepress/components/DemoCustomPanels.vue b/docs/.vuepress/components/DemoCustomPanels.vue
index e21be23ab..a289d5096 100644
--- a/docs/.vuepress/components/DemoCustomPanels.vue
+++ b/docs/.vuepress/components/DemoCustomPanels.vue
@@ -11,9 +11,10 @@
 </template>
 
 <script>
-module.exports = {
+import utils from './demos/utils.js';
+
+export default {
   mounted() {
-    const utils = require('./demos/utils.js');
     const editor3 = grapesjs.init(utils.gjsConfigPanels);
     editor3.Panels.addPanel(Object.assign({}, utils.panelTop, {
       el: '#panel__top3'
diff --git a/docs/.vuepress/components/DemoDevices.vue b/docs/.vuepress/components/DemoDevices.vue
index 953d2dd69..44eb227ec 100644
--- a/docs/.vuepress/components/DemoDevices.vue
+++ b/docs/.vuepress/components/DemoDevices.vue
@@ -24,9 +24,10 @@
 </template>
 
 <script>
-module.exports = {
+import utils from './demos/utils.js';
+
+export default {
   mounted() {
-    const utils = require('./demos/utils.js');
     const editor7 = grapesjs.init(utils.gjsConfigDevices);
     editor7.Panels.addPanel(Object.assign({}, utils.panelTop, {
       el: '#panel__top7'
diff --git a/docs/.vuepress/components/DemoLayers.vue b/docs/.vuepress/components/DemoLayers.vue
index f07658acd..8cec334d6 100644
--- a/docs/.vuepress/components/DemoLayers.vue
+++ b/docs/.vuepress/components/DemoLayers.vue
@@ -20,9 +20,10 @@
 </template>
 
 <script>
-module.exports = {
+import utils from './demos/utils.js';
+
+export default {
   mounted() {
-    const utils = require('./demos/utils.js');
     const editor4 = grapesjs.init(utils.gjsConfigLayers);
     editor4.Panels.addPanel(Object.assign({}, utils.panelTop, {
       el: '#panel__top4'
diff --git a/docs/.vuepress/components/DemoStyle.vue b/docs/.vuepress/components/DemoStyle.vue
index 716525f3f..bc16df648 100644
--- a/docs/.vuepress/components/DemoStyle.vue
+++ b/docs/.vuepress/components/DemoStyle.vue
@@ -22,9 +22,10 @@
 </template>
 
 <script>
-module.exports = {
+import utils from './demos/utils.js';
+
+export default {
   mounted() {
-    const utils = require('./demos/utils.js');
     const editor5 = grapesjs.init(utils.gjsConfigStyle);
     editor5.Panels.addPanel(Object.assign({}, utils.panelTop, {
       el: '#panel__top5'
diff --git a/docs/.vuepress/components/DemoTheme.vue b/docs/.vuepress/components/DemoTheme.vue
index 264ba423e..eddd25a19 100644
--- a/docs/.vuepress/components/DemoTheme.vue
+++ b/docs/.vuepress/components/DemoTheme.vue
@@ -24,9 +24,10 @@
 </template>
 
 <script>
-module.exports = {
+import utils from './demos/utils.js';
+
+export default {
   mounted() {
-    const utils = require('./demos/utils.js');
     const editor8 = grapesjs.init(utils.gjsConfigTheme);
     editor8.Panels.addPanel(Object.assign({}, utils.panelTop, {
       el: '#panel__top8'
diff --git a/docs/.vuepress/components/DemoTraits.vue b/docs/.vuepress/components/DemoTraits.vue
index 8a4522767..d2beae9e7 100644
--- a/docs/.vuepress/components/DemoTraits.vue
+++ b/docs/.vuepress/components/DemoTraits.vue
@@ -23,9 +23,10 @@
 </template>
 
 <script>
-module.exports = {
+import utils from './demos/utils.js';
+
+export default {
   mounted() {
-    const utils = require('./demos/utils.js');
     const editor6 = grapesjs.init(utils.gjsConfigTraits);
     editor6.Panels.addPanel(Object.assign({}, utils.panelTop, {
       el: '#panel__top6'
diff --git a/docs/.vuepress/components/demos/utils.js b/docs/.vuepress/components/demos/utils.js
index 497bb9181..0189dc363 100644
--- a/docs/.vuepress/components/demos/utils.js
+++ b/docs/.vuepress/components/demos/utils.js
@@ -353,7 +353,7 @@ var gjsConfigTheme = Object.assign({}, gjsConfigBlocks, {
   deviceManager,
 });
 
-module.exports = {
+export default {
   gjsConfigStart,
   gjsConfigBlocks,
   gjsConfigPanels,
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index fa566c639..a9d4d5394 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -1,6 +1,6 @@
 const version = require('./../../package.json').version;
 const isDev = process.argv[2] === 'dev';
-const devPath = 'https://localhost:8080/dist';
+const devPath = 'http://localhost:8080/dist';
 
 module.exports = {
   title: 'GrapesJS',
diff --git a/docs/.vuepress/theme/CarbonAds.vue b/docs/.vuepress/theme/CarbonAds.vue
index 1c86aa26a..0cfe9d63a 100644
--- a/docs/.vuepress/theme/CarbonAds.vue
+++ b/docs/.vuepress/theme/CarbonAds.vue
@@ -1,5 +1,5 @@
 <script>
-module.exports = {
+export default {
   render (h) {
     return h('div', { class: 'carbon-ads', attrs: { id: 'native-carbon' }})
   },
diff --git a/docs/.vuepress/theme/Layout.vue b/docs/.vuepress/theme/Layout.vue
index d56dd7c5b..e28d80753 100644
--- a/docs/.vuepress/theme/Layout.vue
+++ b/docs/.vuepress/theme/Layout.vue
@@ -8,7 +8,7 @@
 var Layout = require('@default-theme/Layout.vue').default;
 var CarbonAds = require('./CarbonAds.vue').default;
 
-module.exports = {
+export default {
   components: {
     Layout,
     CarbonAds,