From 7d2dc07168443ae9745429e4057bf887b4bd0756 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Wed, 12 Dec 2018 16:46:50 -0400
Subject: [PATCH 01/71] Update package.json

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index 024c1f8a22d..880e8980844 100644
--- a/package.json
+++ b/package.json
@@ -85,6 +85,7 @@
     "@babel/plugin-proposal-object-rest-spread": "^7.2.0",
     "@babel/plugin-transform-runtime": "^7.2.0",
     "@babel/preset-env": "^7.2.0",
+    "@babel/standalone": "^7.2.0",
     "@nuxtjs/google-analytics": "^2.0.2",
     "@nuxtjs/pwa": "^2.6.0",
     "@vue/test-utils": "^1.0.0-beta.27",

From 98441869492f64fcf64f8d971a793a809a62079d Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Wed, 12 Dec 2018 17:38:26 -0400
Subject: [PATCH 02/71] play.vue: use Babel.transform

---
 docs/pages/play.vue | 28 +++++++++++++++++++++++-----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index bf001f17159..24e0d1cde11 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -160,6 +160,23 @@
 <script>
 import Vue from 'vue'
 import debounce from 'lodash/debounce'
+import { transform, disableScriptTags } from '@babel/standalone'
+
+if (typeof window !== 'undefined' && window && window.removeEventListener) {
+  // Prevent Babel/Standalone from processing <script> tag insertions
+  disableScriptTags()
+}
+
+// Helper function to transpile es6 code to js
+function compileJs (code) {
+  return transform(code, {
+    presets: [ 'es2015' ],
+    plugins: [
+      'proposal-object-rest-spread',
+      'transform-runtime'
+    ]
+  })
+}
 
 const defaultJS = `{
   data: {
@@ -167,22 +184,22 @@ const defaultJS = `{
     show: true
   },
   watch: {
-    show: function (newVal, oldVal) {
+    show (newVal, oldVal) {
       console.log('Alert is now ' + (this.show ? 'visible' : 'hidden'))
     }
   },
   methods: {
-    toggle: function () {
+    toggle () {
       console.log('Toggle button clicked')
       this.show = !this.show
     },
-    dismissed: function () {
+    dismissed () {
       console.log('Dismiss button clicked')
     }
   }
 }`
 
-const defaultHTML = `<div style="height:7.5rem;">
+const defaultHTML = `<div>
   <b-button @click="toggle">
     {{ show ? 'Hide' : 'Show' }} Alert
   </b-button>
@@ -351,8 +368,9 @@ export default {
       try {
         // Options are eval'ed in our variable scope, so we can override
         // the "global" console reference just for the user app
+        const code = transform(`console = this.fakeConsole; options = ${js};`)
         /* eslint-disable no-eval */
-        eval(`console = this.fakeConsole; options = ${js};`)
+        eval(code)
         /* eslint-enable no-eval */
       } catch (err) {
         this.errHandler(err, 'javascript')

From bda28065db3e2f35507925227c8e6a2efaf60c18 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Wed, 12 Dec 2018 17:56:24 -0400
Subject: [PATCH 03/71] Update play.vue

---
 docs/pages/play.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index 24e0d1cde11..dacc947a047 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -169,6 +169,9 @@ if (typeof window !== 'undefined' && window && window.removeEventListener) {
 
 // Helper function to transpile es6 code to js
 function compileJs (code) {
+  if (!code) {
+    return ''
+  }
   return transform(code, {
     presets: [ 'es2015' ],
     plugins: [

From 9df1bdb0b297abfb9f38eea505acf64323e8f351 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Wed, 12 Dec 2018 18:14:28 -0400
Subject: [PATCH 04/71] Update play.vue

---
 docs/pages/play.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index dacc947a047..84e1d4e0576 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -178,7 +178,7 @@ function compileJs (code) {
       'proposal-object-rest-spread',
       'transform-runtime'
     ]
-  })
+  }).code
 }
 
 const defaultJS = `{

From f39a70f5a5050ff0929c1e15c4a57b29e5f07a14 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Wed, 12 Dec 2018 18:33:57 -0400
Subject: [PATCH 05/71] Update play.vue

---
 docs/pages/play.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index 84e1d4e0576..aff60acf07f 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -173,7 +173,7 @@ function compileJs (code) {
     return ''
   }
   return transform(code, {
-    presets: [ 'es2015' ],
+    // presets: [ 'es2015' ],
     plugins: [
       'proposal-object-rest-spread',
       'transform-runtime'

From 7556685e49beb9e5b31c3ea153b7267ac2e994e4 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Wed, 12 Dec 2018 18:57:48 -0400
Subject: [PATCH 06/71] add some temp debugging

---
 docs/pages/play.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index aff60acf07f..788e24bcf1c 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -173,7 +173,7 @@ function compileJs (code) {
     return ''
   }
   return transform(code, {
-    // presets: [ 'es2015' ],
+    presets: [ 'es2015' ],
     plugins: [
       'proposal-object-rest-spread',
       'transform-runtime'
@@ -361,6 +361,7 @@ export default {
       const playground = this
       const js = this.js.trim() || '{}'
       const html = this.html.trim()
+      const oConsole = console
       let options
       let console
 
@@ -377,6 +378,7 @@ export default {
         /* eslint-enable no-eval */
       } catch (err) {
         this.errHandler(err, 'javascript')
+        oConsole.log('Compile Error', err)
         return
       }
 

From 8d3d19fe8682b66679cc9ef50f4576e46c0156b9 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Wed, 12 Dec 2018 19:06:40 -0400
Subject: [PATCH 07/71] Update play.vue

---
 docs/pages/play.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index 788e24bcf1c..ae158fe4e29 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -361,7 +361,6 @@ export default {
       const playground = this
       const js = this.js.trim() || '{}'
       const html = this.html.trim()
-      const oConsole = console
       let options
       let console
 
@@ -378,7 +377,7 @@ export default {
         /* eslint-enable no-eval */
       } catch (err) {
         this.errHandler(err, 'javascript')
-        oConsole.log('Compile Error', err)
+        window.console.log('Compile Error', err)
         return
       }
 

From e728b53b0ddb42cfd87fa3115ec250c936a09f23 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Wed, 12 Dec 2018 19:19:44 -0400
Subject: [PATCH 08/71] Update play.vue

---
 docs/pages/play.vue | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index ae158fe4e29..3ff09d81a8c 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -167,18 +167,22 @@ if (typeof window !== 'undefined' && window && window.removeEventListener) {
   disableScriptTags()
 }
 
+const transformOptons = {
+    presets: [
+      'es2015'
+    ],
+    plugins: [
+      'proposal-object-rest-spread',
+      'transform-runtime'
+    ]
+}
+
 // Helper function to transpile es6 code to js
 function compileJs (code) {
   if (!code) {
     return ''
   }
-  return transform(code, {
-    presets: [ 'es2015' ],
-    plugins: [
-      'proposal-object-rest-spread',
-      'transform-runtime'
-    ]
-  }).code
+  return transform(code, transformOptions).code || ''
 }
 
 const defaultJS = `{
@@ -371,7 +375,7 @@ export default {
       try {
         // Options are eval'ed in our variable scope, so we can override
         // the "global" console reference just for the user app
-        const code = transform(`console = this.fakeConsole; options = ${js};`)
+        const code = compileJs(`console = this.fakeConsole; options = ${js};`)
         /* eslint-disable no-eval */
         eval(code)
         /* eslint-enable no-eval */

From ef78d5eee1a8bd346a1ebe8580841ce0c03698db Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Wed, 12 Dec 2018 19:27:23 -0400
Subject: [PATCH 09/71] lint

---
 docs/pages/play.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index 3ff09d81a8c..66b18903e8b 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -167,7 +167,7 @@ if (typeof window !== 'undefined' && window && window.removeEventListener) {
   disableScriptTags()
 }
 
-const transformOptons = {
+const transformOptions = {
     presets: [
       'es2015'
     ],

From 62ae3839f4657bf3feb8e49a4da5f717035e5a3e Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Wed, 12 Dec 2018 19:38:45 -0400
Subject: [PATCH 10/71] Update play.vue

---
 docs/pages/play.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index 66b18903e8b..209a50019a1 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -375,13 +375,14 @@ export default {
       try {
         // Options are eval'ed in our variable scope, so we can override
         // the "global" console reference just for the user app
-        const code = compileJs(`console = this.fakeConsole; options = ${js};`)
+        const code = compileJs(`options = ${js};`)
+        window.console.log('Transpiled:', code)
         /* eslint-disable no-eval */
-        eval(code)
+        eval(`console = this.fakeConsole; ${code};`)
         /* eslint-enable no-eval */
       } catch (err) {
         this.errHandler(err, 'javascript')
-        window.console.log('Compile Error', err)
+        window.console.error('Error in javascript', err)
         return
       }
 

From 211b04fcb4ed0e34eed6d55316c9331e8b985ae4 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Wed, 12 Dec 2018 20:22:18 -0400
Subject: [PATCH 11/71] Update play.vue

---
 docs/pages/play.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index 209a50019a1..a9163f76120 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -121,15 +121,15 @@
             tag="ul"
             name="flip-list"
             class="list-group list-group-flush play-log">
-            <li v-if="!messages.length" key="console-1" class="list-group-item">&nbsp;</li>
+            <li v-if="!messages.length" key="empty-console" class="list-group-item">&nbsp;</li>
             <li
               v-for="(msg, idx) in messages"
-              class="list-group-item py-2"
+              class="list-group-item py-2 d-flex"
               :key="`console-${msg[2]}`">
               <b-badge :variant="msg[0]" class="mr-1" style="font-size:90%;">{{
                 msg[0] === 'danger' ? 'error' : msg[0] === 'warning' ? 'warn' : 'log'
               }}</b-badge>
-              <span :class="[`text-${msg[0]}`]"> {{ msg[1] }}</span>
+              <div :class="[`text-${msg[0]}`, 'text-monospace', 'small']" style="white-space: pre-wrap;">{{ msg[1] }}</div>
             </li>
           </transition-group>
         </div>
@@ -488,7 +488,7 @@ export default {
       }
       const msg = args.map(String).join(' ')
       if (this.messages.length && msg.indexOf('Error in render') !== -1 && msg === this.messages[0][1]) {
-        // prevent duplicate render errors
+        // prevent duplicate render error messages
         return
       }
       if (this.messages.length > 10) {

From a1d745168717d22cc7b396ec591d3c81e4f96158 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Wed, 12 Dec 2018 20:36:53 -0400
Subject: [PATCH 12/71] Update play.vue

---
 docs/pages/play.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index a9163f76120..7d820e9cd91 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -172,8 +172,9 @@ const transformOptions = {
       'es2015'
     ],
     plugins: [
-      'proposal-object-rest-spread',
-      'transform-runtime'
+      // Not used as we need to import the helpers into the transpiled code
+      // 'transform-runtime',
+      'proposal-object-rest-spread'
     ]
 }
 

From d4fbddb6a53362d1930c049509e1a20a323c188c Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Wed, 12 Dec 2018 21:31:52 -0400
Subject: [PATCH 13/71] Update play.vue

---
 docs/pages/play.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index 7d820e9cd91..fe0142645bc 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -169,7 +169,7 @@ if (typeof window !== 'undefined' && window && window.removeEventListener) {
 
 const transformOptions = {
     presets: [
-      'es2015'
+      'es2015-loose'
     ],
     plugins: [
       // Not used as we need to import the helpers into the transpiled code

From ee30bb7c43ebc9527ae413ef26dec61a93ddfdc9 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Wed, 12 Dec 2018 23:48:15 -0400
Subject: [PATCH 14/71] Update package.json

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index 880e8980844..28ccba777e3 100644
--- a/package.json
+++ b/package.json
@@ -86,6 +86,7 @@
     "@babel/plugin-transform-runtime": "^7.2.0",
     "@babel/preset-env": "^7.2.0",
     "@babel/standalone": "^7.2.0",
+    "@babel/preset-env-standalone": "^7.2.0",
     "@nuxtjs/google-analytics": "^2.0.2",
     "@nuxtjs/pwa": "^2.6.0",
     "@vue/test-utils": "^1.0.0-beta.27",

From e2ae392e45d782a373c4ee16a0765357273071a9 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Wed, 12 Dec 2018 23:50:42 -0400
Subject: [PATCH 15/71] Update package.json

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 28ccba777e3..e7869d9f94e 100644
--- a/package.json
+++ b/package.json
@@ -86,7 +86,7 @@
     "@babel/plugin-transform-runtime": "^7.2.0",
     "@babel/preset-env": "^7.2.0",
     "@babel/standalone": "^7.2.0",
-    "@babel/preset-env-standalone": "^7.2.0",
+    "@babel/preset-env-standalone": "^7.0.0",
     "@nuxtjs/google-analytics": "^2.0.2",
     "@nuxtjs/pwa": "^2.6.0",
     "@vue/test-utils": "^1.0.0-beta.27",

From 90639fb567eea48a62156a36836c0e02db1f1258 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Wed, 12 Dec 2018 23:54:07 -0400
Subject: [PATCH 16/71] Update play.vue

---
 docs/pages/play.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index fe0142645bc..bd743889457 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -161,6 +161,7 @@
 import Vue from 'vue'
 import debounce from 'lodash/debounce'
 import { transform, disableScriptTags } from '@babel/standalone'
+import '@babel/preset-env-standalone'
 
 if (typeof window !== 'undefined' && window && window.removeEventListener) {
   // Prevent Babel/Standalone from processing <script> tag insertions
@@ -169,7 +170,7 @@ if (typeof window !== 'undefined' && window && window.removeEventListener) {
 
 const transformOptions = {
     presets: [
-      'es2015-loose'
+      [ 'env', { useBuiltIns: 'entry' } ]
     ],
     plugins: [
       // Not used as we need to import the helpers into the transpiled code

From abc8485af5aff19f744272a2aa7885c71a1fd8cc Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 00:18:15 -0400
Subject: [PATCH 17/71] Update play.vue

---
 docs/pages/play.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index bd743889457..7e34dccada0 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -160,14 +160,16 @@
 <script>
 import Vue from 'vue'
 import debounce from 'lodash/debounce'
-import { transform, disableScriptTags } from '@babel/standalone'
-import '@babel/preset-env-standalone'
+import { transform, disableScriptTags, registerPreset } from '@babel/standalone'
+import babelPresetEnv from '@babel/preset-env'
 
 if (typeof window !== 'undefined' && window && window.removeEventListener) {
   // Prevent Babel/Standalone from processing <script> tag insertions
   disableScriptTags()
 }
 
+registerPreset('env', babelPresetEnv)
+
 const transformOptions = {
     presets: [
       [ 'env', { useBuiltIns: 'entry' } ]

From 57ff01f6c4935c7dbf0f718b024fa6ea7b7931ba Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 00:18:27 -0400
Subject: [PATCH 18/71] Update package.json

---
 package.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/package.json b/package.json
index e7869d9f94e..880e8980844 100644
--- a/package.json
+++ b/package.json
@@ -86,7 +86,6 @@
     "@babel/plugin-transform-runtime": "^7.2.0",
     "@babel/preset-env": "^7.2.0",
     "@babel/standalone": "^7.2.0",
-    "@babel/preset-env-standalone": "^7.0.0",
     "@nuxtjs/google-analytics": "^2.0.2",
     "@nuxtjs/pwa": "^2.6.0",
     "@vue/test-utils": "^1.0.0-beta.27",

From 71531dcf7d78128844fa353e60733fab84ebb3c7 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 00:57:40 -0400
Subject: [PATCH 19/71] Update play.vue

---
 docs/pages/play.vue | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index 7e34dccada0..4ff2fb5e755 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -172,7 +172,25 @@ registerPreset('env', babelPresetEnv)
 
 const transformOptions = {
     presets: [
-      [ 'env', { useBuiltIns: 'entry' } ]
+      [ 
+        'env',
+        {
+          useBuiltIns: 'entry',
+          targets: [
+            '>= 1%',
+            'last 1 major version',
+            'not dead',
+            'Chrome >= 45',
+            'Firefox >= 38',
+            'Edge >= 12',
+            'Explorer >= 11',
+            'iOS >= 9',
+            'Safari >= 9',
+            'Android >= 4.4',
+            'Opera >= 30'
+          ]
+        }
+      ]
     ],
     plugins: [
       // Not used as we need to import the helpers into the transpiled code

From a80bea863ef27a0a756459bb23691af1106a6f4b Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 01:11:35 -0400
Subject: [PATCH 20/71] Update package.json

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index 880e8980844..e7869d9f94e 100644
--- a/package.json
+++ b/package.json
@@ -86,6 +86,7 @@
     "@babel/plugin-transform-runtime": "^7.2.0",
     "@babel/preset-env": "^7.2.0",
     "@babel/standalone": "^7.2.0",
+    "@babel/preset-env-standalone": "^7.0.0",
     "@nuxtjs/google-analytics": "^2.0.2",
     "@nuxtjs/pwa": "^2.6.0",
     "@vue/test-utils": "^1.0.0-beta.27",

From c6ce1ef6f91db993e3ca32c14974b599563c8a07 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 01:11:43 -0400
Subject: [PATCH 21/71] Update play.vue

---
 docs/pages/play.vue | 36 ++++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index 4ff2fb5e755..6bb83f3a935 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -161,34 +161,34 @@
 import Vue from 'vue'
 import debounce from 'lodash/debounce'
 import { transform, disableScriptTags, registerPreset } from '@babel/standalone'
-import babelPresetEnv from '@babel/preset-env'
+import '@babel/preset-env-standalone'
 
 if (typeof window !== 'undefined' && window && window.removeEventListener) {
   // Prevent Babel/Standalone from processing <script> tag insertions
   disableScriptTags()
 }
 
-registerPreset('env', babelPresetEnv)
-
 const transformOptions = {
     presets: [
       [ 
-        'env',
+        '@babel/preset-env',
         {
-          useBuiltIns: 'entry',
-          targets: [
-            '>= 1%',
-            'last 1 major version',
-            'not dead',
-            'Chrome >= 45',
-            'Firefox >= 38',
-            'Edge >= 12',
-            'Explorer >= 11',
-            'iOS >= 9',
-            'Safari >= 9',
-            'Android >= 4.4',
-            'Opera >= 30'
-          ]
+          useBuiltIns: 'usage',
+          targets: {
+            browsers: [
+              '>= 1%',
+              'last 1 major version',
+              'not dead',
+              'Chrome >= 45',
+              'Firefox >= 38',
+              'Edge >= 12',
+              'Explorer >= 11',
+              'iOS >= 9',
+              'Safari >= 9',
+              'Android >= 4.4',
+              'Opera >= 30'
+            ]
+          }
         }
       ]
     ],

From c8e26af3cd4e884009682a8a2188c9684305a0ee Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 01:50:08 -0400
Subject: [PATCH 22/71] Update play.vue

---
 docs/pages/play.vue | 27 ++-------------------------
 1 file changed, 2 insertions(+), 25 deletions(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index 6bb83f3a935..d05b944abc4 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -160,8 +160,7 @@
 <script>
 import Vue from 'vue'
 import debounce from 'lodash/debounce'
-import { transform, disableScriptTags, registerPreset } from '@babel/standalone'
-import '@babel/preset-env-standalone'
+import { transform, disableScriptTags } from '@babel/standalone'
 
 if (typeof window !== 'undefined' && window && window.removeEventListener) {
   // Prevent Babel/Standalone from processing <script> tag insertions
@@ -169,29 +168,7 @@ if (typeof window !== 'undefined' && window && window.removeEventListener) {
 }
 
 const transformOptions = {
-    presets: [
-      [ 
-        '@babel/preset-env',
-        {
-          useBuiltIns: 'usage',
-          targets: {
-            browsers: [
-              '>= 1%',
-              'last 1 major version',
-              'not dead',
-              'Chrome >= 45',
-              'Firefox >= 38',
-              'Edge >= 12',
-              'Explorer >= 11',
-              'iOS >= 9',
-              'Safari >= 9',
-              'Android >= 4.4',
-              'Opera >= 30'
-            ]
-          }
-        }
-      ]
-    ],
+    presets: [ 'es2015', 'es2016', 'es2017' ],
     plugins: [
       // Not used as we need to import the helpers into the transpiled code
       // 'transform-runtime',

From 80b5462a0d5ab78b2541a3c1765b75281c82daca Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 01:50:39 -0400
Subject: [PATCH 23/71] Update package.json

---
 package.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/package.json b/package.json
index e7869d9f94e..880e8980844 100644
--- a/package.json
+++ b/package.json
@@ -86,7 +86,6 @@
     "@babel/plugin-transform-runtime": "^7.2.0",
     "@babel/preset-env": "^7.2.0",
     "@babel/standalone": "^7.2.0",
-    "@babel/preset-env-standalone": "^7.0.0",
     "@nuxtjs/google-analytics": "^2.0.2",
     "@nuxtjs/pwa": "^2.6.0",
     "@vue/test-utils": "^1.0.0-beta.27",

From 36da151fbf395caafe179473c8514ca27bc02591 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 02:05:16 -0400
Subject: [PATCH 24/71] Update nuxt.config.js

---
 docs/nuxt.config.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
index 5398c8481ac..74420f7bb74 100644
--- a/docs/nuxt.config.js
+++ b/docs/nuxt.config.js
@@ -104,7 +104,9 @@ module.exports = {
 
   head: {
     script: [
-      { type: 'javascript', src: '//unpkg.com/babel-polyfill@latest/dist/polyfill.min.js' }
+      { type: 'javascript', src: '//unpkg.com/babel-polyfill@latest/dist/polyfill.min.js' },
+      // Needed for IE 11 and babel-standalone.  It apepars the above does not polyfil WeakSet for some reason
+      { type: 'javascript', src: '//cdn.pollyfill.io/v2/polyfill.min.js?features=WeakSet' }
     ]
   },
 

From eaf51a1cb941684e7688257a8175e1858f37a510 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 02:21:46 -0400
Subject: [PATCH 25/71] Update nuxt.config.js

---
 docs/nuxt.config.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
index 74420f7bb74..2431432c9c5 100644
--- a/docs/nuxt.config.js
+++ b/docs/nuxt.config.js
@@ -104,9 +104,8 @@ module.exports = {
 
   head: {
     script: [
-      { type: 'javascript', src: '//unpkg.com/babel-polyfill@latest/dist/polyfill.min.js' },
-      // Needed for IE 11 and babel-standalone.  It apepars the above does not polyfil WeakSet for some reason
-      { type: 'javascript', src: '//cdn.pollyfill.io/v2/polyfill.min.js?features=WeakSet' }
+      // { type: 'javascript', src: '//unpkg.com/babel-polyfill@latest/dist/polyfill.min.js' }
+      { type: 'javascript', src: '//cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.0.0/polyfill.min.js' }
     ]
   },
 

From 7579bb73ffa6be2601ae7a74c0b97ace7f73b26e Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 02:59:10 -0400
Subject: [PATCH 26/71] Update nuxt.config.js

---
 docs/nuxt.config.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
index 2431432c9c5..be36937e732 100644
--- a/docs/nuxt.config.js
+++ b/docs/nuxt.config.js
@@ -105,7 +105,9 @@ module.exports = {
   head: {
     script: [
       // { type: 'javascript', src: '//unpkg.com/babel-polyfill@latest/dist/polyfill.min.js' }
-      { type: 'javascript', src: '//cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.0.0/polyfill.min.js' }
+      { type: 'javascript', src: '//cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.0.0/polyfill.min.js' },
+      // For some reason, babel-polyfill does nto polyfill WeakSet on IE 11
+      { type: 'javascript', src: '//cdn.polyfill.io/v2/polyfill.js?features=es6' }
     ]
   },
 

From 1e98677a000b5d820eecce9053df2955bae57902 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 03:21:42 -0400
Subject: [PATCH 27/71] Update nuxt.config.js

---
 docs/nuxt.config.js | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
index be36937e732..ad110982add 100644
--- a/docs/nuxt.config.js
+++ b/docs/nuxt.config.js
@@ -105,9 +105,6 @@ module.exports = {
   head: {
     script: [
       // { type: 'javascript', src: '//unpkg.com/babel-polyfill@latest/dist/polyfill.min.js' }
-      { type: 'javascript', src: '//cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.0.0/polyfill.min.js' },
-      // For some reason, babel-polyfill does nto polyfill WeakSet on IE 11
-      { type: 'javascript', src: '//cdn.polyfill.io/v2/polyfill.js?features=es6' }
     ]
   },
 

From 186bfdc7bc66424ad1eb387e127a8a2cf04c62fd Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 03:24:22 -0400
Subject: [PATCH 28/71] Update package.json

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index 880e8980844..b0f543a5361 100644
--- a/package.json
+++ b/package.json
@@ -86,6 +86,7 @@
     "@babel/plugin-transform-runtime": "^7.2.0",
     "@babel/preset-env": "^7.2.0",
     "@babel/standalone": "^7.2.0",
+    "@babel/polyfill": "^7.0.0",
     "@nuxtjs/google-analytics": "^2.0.2",
     "@nuxtjs/pwa": "^2.6.0",
     "@vue/test-utils": "^1.0.0-beta.27",

From f195a26237362a9fa0fa0f3e1074c8e3e54becfe Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 03:25:34 -0400
Subject: [PATCH 29/71] Update bootstrap-vue.js

---
 docs/plugins/bootstrap-vue.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/plugins/bootstrap-vue.js b/docs/plugins/bootstrap-vue.js
index 4b3ae0e1349..76d8229c6d3 100644
--- a/docs/plugins/bootstrap-vue.js
+++ b/docs/plugins/bootstrap-vue.js
@@ -1,3 +1,4 @@
+import '@babel/polyfill'
 import Vue from 'vue'
 import BootstrapVue from '../../src'
 

From efe682cacaacb414ed748ae4bb5ae1655444bd00 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 03:36:09 -0400
Subject: [PATCH 30/71] Update bootstrap-vue.js

---
 docs/plugins/bootstrap-vue.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/docs/plugins/bootstrap-vue.js b/docs/plugins/bootstrap-vue.js
index 76d8229c6d3..4b3ae0e1349 100644
--- a/docs/plugins/bootstrap-vue.js
+++ b/docs/plugins/bootstrap-vue.js
@@ -1,4 +1,3 @@
-import '@babel/polyfill'
 import Vue from 'vue'
 import BootstrapVue from '../../src'
 

From 57e9d8a86176e94d9e700988f269ebaf5317b9b8 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 03:36:50 -0400
Subject: [PATCH 31/71] Update package.json

---
 package.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/package.json b/package.json
index b0f543a5361..880e8980844 100644
--- a/package.json
+++ b/package.json
@@ -86,7 +86,6 @@
     "@babel/plugin-transform-runtime": "^7.2.0",
     "@babel/preset-env": "^7.2.0",
     "@babel/standalone": "^7.2.0",
-    "@babel/polyfill": "^7.0.0",
     "@nuxtjs/google-analytics": "^2.0.2",
     "@nuxtjs/pwa": "^2.6.0",
     "@vue/test-utils": "^1.0.0-beta.27",

From 0fa26a281859efb650f00c83a71b8e34f3046228 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jacob=20M=C3=BCller?= <jacob.mueller.elz@gmail.com>
Date: Thu, 13 Dec 2018 10:04:10 -0400
Subject: [PATCH 32/71] Update docs/pages/play.vue

Co-Authored-By: tmorehouse <troymore@nbnet.nb.ca>
---
 docs/pages/play.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index d05b944abc4..00ef51b127f 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -185,7 +185,12 @@ function compileJs (code) {
 }
 
 const defaultJS = `{
-  data: {
+  data () {
+    return {
+      name: 'Bootstrap-Vue',
+      show: true
+    }
+  },
     name: 'Bootstrap-Vue',
     show: true
   },

From ab8546deb20fccaae13a3fa7433e51a91543a766 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 11:56:09 -0400
Subject: [PATCH 33/71] Create babel-polyfill.js

---
 docs/plugins/babel-polyfill.js | 2 ++
 1 file changed, 2 insertions(+)
 create mode 100644 docs/plugins/babel-polyfill.js

diff --git a/docs/plugins/babel-polyfill.js b/docs/plugins/babel-polyfill.js
new file mode 100644
index 00000000000..61d5f9996a9
--- /dev/null
+++ b/docs/plugins/babel-polyfill.js
@@ -0,0 +1,2 @@
+// disabled on SSR, included in Client side only
+import '@babel-polyfill'

From eb54a6440b7c4e871953a139faba86bddf07771a Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 11:57:16 -0400
Subject: [PATCH 34/71] Update package.json

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index 880e8980844..b0f543a5361 100644
--- a/package.json
+++ b/package.json
@@ -86,6 +86,7 @@
     "@babel/plugin-transform-runtime": "^7.2.0",
     "@babel/preset-env": "^7.2.0",
     "@babel/standalone": "^7.2.0",
+    "@babel/polyfill": "^7.0.0",
     "@nuxtjs/google-analytics": "^2.0.2",
     "@nuxtjs/pwa": "^2.6.0",
     "@vue/test-utils": "^1.0.0-beta.27",

From 2533ee24ef7a545e477fa1806eb3f2cfd93b71e8 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 12:00:55 -0400
Subject: [PATCH 35/71] Update nuxt.config.js

---
 docs/nuxt.config.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
index ad110982add..a0a130f7abc 100644
--- a/docs/nuxt.config.js
+++ b/docs/nuxt.config.js
@@ -84,6 +84,7 @@ module.exports = {
   },
 
   plugins: [
+    { src: '~plugins/babel-polyfill.js', ssr: false },
     '~plugins/bootstrap-vue.js',
     '~plugins/codemirror.js',
     '~plugins/play.js',

From 61eb038babfaadfa500a02a9baf11e922644f350 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 12:13:28 -0400
Subject: [PATCH 36/71] Update nuxt.config.js

---
 docs/nuxt.config.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
index a0a130f7abc..1d0179843e9 100644
--- a/docs/nuxt.config.js
+++ b/docs/nuxt.config.js
@@ -104,6 +104,9 @@ module.exports = {
   },
 
   head: {
+    meta: [
+      { 'http-equiv': 'X-UA-Compatible', content: 'IE=edge' }
+    ],
     script: [
       // { type: 'javascript', src: '//unpkg.com/babel-polyfill@latest/dist/polyfill.min.js' }
     ]

From 9e11ee4365fefe92e5fb695edda94672ab456022 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 12:23:01 -0400
Subject: [PATCH 37/71] Update babel-polyfill.js

---
 docs/plugins/babel-polyfill.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/plugins/babel-polyfill.js b/docs/plugins/babel-polyfill.js
index 61d5f9996a9..7eb236d5469 100644
--- a/docs/plugins/babel-polyfill.js
+++ b/docs/plugins/babel-polyfill.js
@@ -1,2 +1,2 @@
 // disabled on SSR, included in Client side only
-import '@babel-polyfill'
+import '@babel/polyfill'

From efd35db0877df5b09aa89c6dee3cd253d5dd2ac4 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 12:32:19 -0400
Subject: [PATCH 38/71] Update nuxt.config.js

---
 docs/nuxt.config.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
index 1d0179843e9..9367c21371d 100644
--- a/docs/nuxt.config.js
+++ b/docs/nuxt.config.js
@@ -84,7 +84,6 @@ module.exports = {
   },
 
   plugins: [
-    { src: '~plugins/babel-polyfill.js', ssr: false },
     '~plugins/bootstrap-vue.js',
     '~plugins/codemirror.js',
     '~plugins/play.js',

From 012d39aa7cb99ac2714bf9e07e17901a2ac59253 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 14:15:25 -0400
Subject: [PATCH 39/71] Update nuxt.config.js

---
 docs/nuxt.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
index 9367c21371d..49098943aa7 100644
--- a/docs/nuxt.config.js
+++ b/docs/nuxt.config.js
@@ -107,7 +107,7 @@ module.exports = {
       { 'http-equiv': 'X-UA-Compatible', content: 'IE=edge' }
     ],
     script: [
-      // { type: 'javascript', src: '//unpkg.com/babel-polyfill@latest/dist/polyfill.min.js' }
+      { type: 'javascript', src: '//unpkg.com/babel-polyfill@latest/dist/polyfill.min.js' }
     ]
   },
 

From 64ec202ad4af9a196ec8217ed842c81b6ac57f72 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 14:42:09 -0400
Subject: [PATCH 40/71] Create compile-js.js

---
 docs/utils/compile-js.js | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 docs/utils/compile-js.js

diff --git a/docs/utils/compile-js.js b/docs/utils/compile-js.js
new file mode 100644
index 00000000000..c68db059768
--- /dev/null
+++ b/docs/utils/compile-js.js
@@ -0,0 +1,23 @@
+// Utility for tranpiling ES6 code into ES5 for playground and v-play
+import { transform, disableScriptTags } from '@babel/standalone'
+
+if (typeof window !== 'undefined' && window && window.removeEventListener) {
+  // Prevent Babel/Standalone from processing <script> tag insertions
+  disableScriptTags()
+}
+
+const transformOptions = {
+    presets: [ 'es2015', 'es2016', 'es2017' ],
+    plugins: [
+      // Not used as we need to import the helpers into the transpiled code
+      // 'transform-runtime',
+      'proposal-object-rest-spread'
+    ]
+}
+
+export defaut function compileJs (code) {
+  if (!code) {
+    return ''
+  }
+  return transform(code, transformOptions).code || ''
+}

From 82f4a99efa722a30207efd867f6231f21daa76cc Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 17:39:43 -0400
Subject: [PATCH 41/71] lint

---
 docs/utils/compile-js.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/utils/compile-js.js b/docs/utils/compile-js.js
index c68db059768..4ec39161dcf 100644
--- a/docs/utils/compile-js.js
+++ b/docs/utils/compile-js.js
@@ -15,7 +15,7 @@ const transformOptions = {
     ]
 }
 
-export defaut function compileJs (code) {
+export default function compileJs (code) {
   if (!code) {
     return ''
   }

From 793d9554fceda8ee4bcb27ef9678fd35b410ad72 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 17:51:59 -0400
Subject: [PATCH 42/71] lazy load compiler

---
 docs/pages/play.vue | 50 +++++++++++++++------------------------------
 1 file changed, 17 insertions(+), 33 deletions(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index 00ef51b127f..31e42f366b1 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -53,7 +53,7 @@
                   size="sm"
                   @click="toggleFull"
                   variant="outline-info"
-                  class="float-right">
+                  class="float-right d-none d-md-inline-block">
                   <span>{{ full ? 'Split' : 'Full' }}</span>
                 </b-btn>
               </div>
@@ -73,7 +73,7 @@
                   size="sm"
                   @click="toggleFull"
                   variant="outline-info"
-                  class="float-right">
+                  class="float-right d-none d-md-inline-block">
                   <span>{{ full ? 'Split' : 'Full' }}</span>
                 </b-btn>
               </div>
@@ -96,7 +96,7 @@
               size="sm"
               @click="toggleVertical"
               variant="outline-info"
-              class="float-right"
+              class="float-right d-none d-md-inline-block"
               v-if="!full">
               <span>{{ vertical ? 'Horizontal' : 'Vertical' }}</span>
             </b-btn>
@@ -160,29 +160,8 @@
 <script>
 import Vue from 'vue'
 import debounce from 'lodash/debounce'
-import { transform, disableScriptTags } from '@babel/standalone'
 
-if (typeof window !== 'undefined' && window && window.removeEventListener) {
-  // Prevent Babel/Standalone from processing <script> tag insertions
-  disableScriptTags()
-}
-
-const transformOptions = {
-    presets: [ 'es2015', 'es2016', 'es2017' ],
-    plugins: [
-      // Not used as we need to import the helpers into the transpiled code
-      // 'transform-runtime',
-      'proposal-object-rest-spread'
-    ]
-}
-
-// Helper function to transpile es6 code to js
-function compileJs (code) {
-  if (!code) {
-    return ''
-  }
-  return transform(code, transformOptions).code || ''
-}
+let compileJs  = () => ''
 
 const defaultJS = `{
   data () {
@@ -328,15 +307,20 @@ export default {
     // Create our debounced runner
     this.run = debounce(this._run, 500)
 
-    // Set up our editor content watcher.
-    // We do this on mount to avoid SSR issues as normal watchers
-    // can run before mount
-    this.contentUnWatch = this.$watch(
-      () => { return { js: this.js.trim(), html: this.html.trim() } },
-      (newVal, oldVal) => { this.run() }
-    )
+    // Lazy load the babel transpiler
+    import('../utils/compile-js').then((module) => {
+      // Store a reference to the compiler
+      compileJs - module.default
+
+      // Set up our editor content watcher.
+      this.contentUnWatch = this.$watch(
+        () => this.js.trim() + '::' + this.html.trim(),
+        (newVal, oldVal) => { this.run() },
+        { immediate: true }
+      )
+    })
+
     // load our content into the editors after dom updated
-    // Which triggers our watcher
     this.$nextTick(this.load)
   },
   beforeDestroy () {

From 9e214426665e3988d3a1d0f0efa6385407e29a46 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 17:54:39 -0400
Subject: [PATCH 43/71] lint

---
 docs/utils/compile-js.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/utils/compile-js.js b/docs/utils/compile-js.js
index 4ec39161dcf..5737e0df201 100644
--- a/docs/utils/compile-js.js
+++ b/docs/utils/compile-js.js
@@ -7,12 +7,12 @@ if (typeof window !== 'undefined' && window && window.removeEventListener) {
 }
 
 const transformOptions = {
-    presets: [ 'es2015', 'es2016', 'es2017' ],
-    plugins: [
-      // Not used as we need to import the helpers into the transpiled code
-      // 'transform-runtime',
-      'proposal-object-rest-spread'
-    ]
+  presets: [ 'es2015', 'es2016', 'es2017' ],
+  plugins: [
+    // Not used as we need to import the helpers into the transpiled code
+    // 'transform-runtime',
+    'proposal-object-rest-spread'
+  ]
 }
 
 export default function compileJs (code) {

From 6e5837e9792020cc9b32d725abd3920a40c04331 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 18:10:58 -0400
Subject: [PATCH 44/71] Update play.vue

---
 docs/pages/play.vue | 33 ++++++++++++++++++---------------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index 31e42f366b1..bb20553be0d 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -306,22 +306,25 @@ export default {
   mounted () {
     // Create our debounced runner
     this.run = debounce(this._run, 500)
-
-    // Lazy load the babel transpiler
-    import('../utils/compile-js').then((module) => {
-      // Store a reference to the compiler
-      compileJs - module.default
-
-      // Set up our editor content watcher.
-      this.contentUnWatch = this.$watch(
-        () => this.js.trim() + '::' + this.html.trim(),
-        (newVal, oldVal) => { this.run() },
-        { immediate: true }
-      )
+    
+    this.$nextTick(() => {
+      // Start the loading indicator
+      this.$nuxt.$loading.start()
+      // Lazy load the babel transpiler
+      import('../utils/compile-js').then((module) => {
+        // Update compiler reference
+        compileJs - module.default
+        // Set up our editor content watcher.
+        this.contentUnWatch = this.$watch(
+          () => this.js.trim() + '::' + this.html.trim(),
+          (newVal, oldVal) => { this.run() }
+        )
+        // load our content into the editors
+        this.load()
+        // Stop the loading indicator
+        this.$nuxt.$loading.finish()
+      })
     })
-
-    // load our content into the editors after dom updated
-    this.$nextTick(this.load)
   },
   beforeDestroy () {
     if (this.contentUnWatch) {

From fbf67c145edd21015f1b6913faf1e7cf3627f5ef Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 18:19:54 -0400
Subject: [PATCH 45/71] Delete babel-polyfill.js

---
 docs/plugins/babel-polyfill.js | 2 --
 1 file changed, 2 deletions(-)
 delete mode 100644 docs/plugins/babel-polyfill.js

diff --git a/docs/plugins/babel-polyfill.js b/docs/plugins/babel-polyfill.js
deleted file mode 100644
index 7eb236d5469..00000000000
--- a/docs/plugins/babel-polyfill.js
+++ /dev/null
@@ -1,2 +0,0 @@
-// disabled on SSR, included in Client side only
-import '@babel/polyfill'

From 958f48cc6f623a5ae5ececfde472fa375bbf0950 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 18:20:29 -0400
Subject: [PATCH 46/71] Update package.json

---
 package.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/package.json b/package.json
index b0f543a5361..880e8980844 100644
--- a/package.json
+++ b/package.json
@@ -86,7 +86,6 @@
     "@babel/plugin-transform-runtime": "^7.2.0",
     "@babel/preset-env": "^7.2.0",
     "@babel/standalone": "^7.2.0",
-    "@babel/polyfill": "^7.0.0",
     "@nuxtjs/google-analytics": "^2.0.2",
     "@nuxtjs/pwa": "^2.6.0",
     "@vue/test-utils": "^1.0.0-beta.27",

From c19f86f40b738c7682ad09b37aa75c986c0b040c Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 18:22:06 -0400
Subject: [PATCH 47/71] Update play.vue

---
 docs/pages/play.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index bb20553be0d..9d9ef5fbee6 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -304,9 +304,7 @@ export default {
     this.run = () => {}
   },
   mounted () {
-    // Create our debounced runner
-    this.run = debounce(this._run, 500)
-    
+   
     this.$nextTick(() => {
       // Start the loading indicator
       this.$nuxt.$loading.start()
@@ -314,6 +312,8 @@ export default {
       import('../utils/compile-js').then((module) => {
         // Update compiler reference
         compileJs - module.default
+        // Create our debounced runner
+        this.run = debounce(this._run, 500)
         // Set up our editor content watcher.
         this.contentUnWatch = this.$watch(
           () => this.js.trim() + '::' + this.html.trim(),

From beae9cc5fd1fc1224c84bb4678244d06657a45ec Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 18:23:36 -0400
Subject: [PATCH 48/71] Update play.vue

---
 docs/pages/play.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index 9d9ef5fbee6..0c95c8a489e 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -161,7 +161,8 @@
 import Vue from 'vue'
 import debounce from 'lodash/debounce'
 
-let compileJs  = () => ''
+// Where our compiler will be stored
+let compileJs  = (code) => code
 
 const defaultJS = `{
   data () {

From 89d43cc369c7df5f5a6478453d8efd61cf0b497f Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 19:04:53 -0400
Subject: [PATCH 49/71] Update play.vue

---
 docs/pages/play.vue | 29 +++++++++++++++--------------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index 0c95c8a489e..0572c5c9c2b 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -13,6 +13,9 @@
           You can clone docs repo, to hack and develop components.
           changes will be reflected and hot-reloaded instantly.
         </p>
+        <div v-if="loading" class="alert alert-info show text-center">
+          <strong>Loading JavaScript Compiler...</strong>
+        </div>
       </div>
       <div class="col-12">
         <form
@@ -161,18 +164,12 @@
 import Vue from 'vue'
 import debounce from 'lodash/debounce'
 
-// Where our compiler will be stored
-let compileJs  = (code) => code
-
 const defaultJS = `{
   data () {
     return {
       name: 'Bootstrap-Vue',
       show: true
     }
-  },
-    name: 'Bootstrap-Vue',
-    show: true
   },
   watch: {
     show (newVal, oldVal) {
@@ -218,7 +215,8 @@ export default {
       messages: [],
       logIdx: 1, // used as the ":key" on console section for transition hooks
       vertical: false,
-      full: false
+      full: false,
+      loading: false
     }
   },
   head () {
@@ -303,16 +301,18 @@ export default {
     this.playVM = null
     this.contentUnWatch = null
     this.run = () => {}
+    this.compileJs = () => '{}'
   },
   mounted () {
-   
     this.$nextTick(() => {
       // Start the loading indicator
+      this.loading = true
       this.$nuxt.$loading.start()
       // Lazy load the babel transpiler
       import('../utils/compile-js').then((module) => {
+        window.console.log('Compiler Module:', module)
         // Update compiler reference
-        compileJs - module.default
+        this.compileJs - module.default
         // Create our debounced runner
         this.run = debounce(this._run, 500)
         // Set up our editor content watcher.
@@ -320,10 +320,11 @@ export default {
           () => this.js.trim() + '::' + this.html.trim(),
           (newVal, oldVal) => { this.run() }
         )
-        // load our content into the editors
-        this.load()
         // Stop the loading indicator
         this.$nuxt.$loading.finish()
+        this.loading = false
+        // load our content into the editors
+        this.load()
       })
     })
   },
@@ -357,7 +358,7 @@ export default {
       const playground = this
       const js = this.js.trim() || '{}'
       const html = this.html.trim()
-      let options
+      let options = {}
       let console
 
       // Disable the export to fiddle button
@@ -367,10 +368,10 @@ export default {
       try {
         // Options are eval'ed in our variable scope, so we can override
         // the "global" console reference just for the user app
-        const code = compileJs(`options = ${js};`)
+        const code = compileJs(`;options = ${js};`)
         window.console.log('Transpiled:', code)
         /* eslint-disable no-eval */
-        eval(`console = this.fakeConsole; ${code};`)
+        eval(`console = this.fakeConsole; ${code}`)
         /* eslint-enable no-eval */
       } catch (err) {
         this.errHandler(err, 'javascript')

From f17445ff472d77b7ed15d1453f0e650acfeeab2b Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 19:11:45 -0400
Subject: [PATCH 50/71] Update play.vue

---
 docs/pages/play.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index 0572c5c9c2b..038e15aca3b 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -368,7 +368,7 @@ export default {
       try {
         // Options are eval'ed in our variable scope, so we can override
         // the "global" console reference just for the user app
-        const code = compileJs(`;options = ${js};`)
+        const code = this.compileJs(`;options = ${js};`)
         window.console.log('Transpiled:', code)
         /* eslint-disable no-eval */
         eval(`console = this.fakeConsole; ${code}`)

From 0deaa546c55984e3e7f6cc7f9ad37145e7457352 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 19:30:14 -0400
Subject: [PATCH 51/71] Update play.vue

---
 docs/pages/play.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index 038e15aca3b..5110615cace 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -301,7 +301,7 @@ export default {
     this.playVM = null
     this.contentUnWatch = null
     this.run = () => {}
-    this.compileJs = () => '{}'
+    this.compiler = (code) => code
   },
   mounted () {
     this.$nextTick(() => {
@@ -310,9 +310,8 @@ export default {
       this.$nuxt.$loading.start()
       // Lazy load the babel transpiler
       import('../utils/compile-js').then((module) => {
-        window.console.log('Compiler Module:', module)
         // Update compiler reference
-        this.compileJs - module.default
+        this.compiler = module.default
         // Create our debounced runner
         this.run = debounce(this._run, 500)
         // Set up our editor content watcher.
@@ -324,7 +323,7 @@ export default {
         this.$nuxt.$loading.finish()
         this.loading = false
         // load our content into the editors
-        this.load()
+        this.$nextTick(this.load)
       })
     })
   },
@@ -368,7 +367,7 @@ export default {
       try {
         // Options are eval'ed in our variable scope, so we can override
         // the "global" console reference just for the user app
-        const code = this.compileJs(`;options = ${js};`)
+        const code = this.compiler(`;options = ${js};`)
         window.console.log('Transpiled:', code)
         /* eslint-disable no-eval */
         eval(`console = this.fakeConsole; ${code}`)

From 5c75592a823ffc414c967feebbbe4a07c3ff7e5e Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 19:49:03 -0400
Subject: [PATCH 52/71] Update package.json

---
 package.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 880e8980844..4b8bcb88636 100644
--- a/package.json
+++ b/package.json
@@ -56,7 +56,8 @@
     "./src/utils/array.js",
     "**/*.scss",
     "**/*.css",
-    "**/*.vue"
+    "**/*.vue",
+    "./docs"
   ],
   "scripts": {
     "build": "scripts/build",

From 7e80750ab3050924710b97fdc810329c4b6ec698 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 19:50:10 -0400
Subject: [PATCH 53/71] Update play.vue

---
 docs/pages/play.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index 5110615cace..800a5943996 100755
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -368,7 +368,6 @@ export default {
         // Options are eval'ed in our variable scope, so we can override
         // the "global" console reference just for the user app
         const code = this.compiler(`;options = ${js};`)
-        window.console.log('Transpiled:', code)
         /* eslint-disable no-eval */
         eval(`console = this.fakeConsole; ${code}`)
         /* eslint-enable no-eval */

From a5d2a96d882a2240cb0e94a2bffa0e198c060151 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 20:30:17 -0400
Subject: [PATCH 54/71] Update package.json

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index 4b8bcb88636..89ba793606f 100644
--- a/package.json
+++ b/package.json
@@ -87,6 +87,7 @@
     "@babel/plugin-transform-runtime": "^7.2.0",
     "@babel/preset-env": "^7.2.0",
     "@babel/standalone": "^7.2.0",
+    "@babel/polyfill": "^7.0.0",
     "@nuxtjs/google-analytics": "^2.0.2",
     "@nuxtjs/pwa": "^2.6.0",
     "@vue/test-utils": "^1.0.0-beta.27",

From 14b67befad3456a9eaa9510d3dc9876c95d7c98d Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 20:42:41 -0400
Subject: [PATCH 55/71] Update nuxt.config.js

---
 docs/nuxt.config.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
index 49098943aa7..a3f0386c1da 100644
--- a/docs/nuxt.config.js
+++ b/docs/nuxt.config.js
@@ -107,7 +107,8 @@ module.exports = {
       { 'http-equiv': 'X-UA-Compatible', content: 'IE=edge' }
     ],
     script: [
-      { type: 'javascript', src: '//unpkg.com/babel-polyfill@latest/dist/polyfill.min.js' }
+      // { type: 'javascript', src: '//unpkg.com/babel-polyfill@latest/dist/polyfill.min.js' }
+      { type: 'javascript', src: '@babel/polyfill/dist/polyfill.js' }
     ]
   },
 

From 3e11026efe424b76dbfdde9e7a0d975eadd08880 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 20:48:56 -0400
Subject: [PATCH 56/71] Update nuxt.config.js

---
 docs/nuxt.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
index a3f0386c1da..5bb81196c1b 100644
--- a/docs/nuxt.config.js
+++ b/docs/nuxt.config.js
@@ -108,7 +108,7 @@ module.exports = {
     ],
     script: [
       // { type: 'javascript', src: '//unpkg.com/babel-polyfill@latest/dist/polyfill.min.js' }
-      { type: 'javascript', src: '@babel/polyfill/dist/polyfill.js' }
+      { type: 'javascript', src: '../node_modules/@babel/polyfill/dist/polyfill.js' }
     ]
   },
 

From d5dfe8aeaa88c2e5fd53c0bad9cf220e04defb4a Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 21:01:33 -0400
Subject: [PATCH 57/71] Create polyfill.js

---
 docs/plugins/polyfill.js | 2 ++
 1 file changed, 2 insertions(+)
 create mode 100644 docs/plugins/polyfill.js

diff --git a/docs/plugins/polyfill.js b/docs/plugins/polyfill.js
new file mode 100644
index 00000000000..af64137acb0
--- /dev/null
+++ b/docs/plugins/polyfill.js
@@ -0,0 +1,2 @@
+// Imported only for client
+import '@babel/polyfill/dist/polyfill.js'

From 71b9d3366883b2d2f77b2af4abebbf646e60230e Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 21:03:24 -0400
Subject: [PATCH 58/71] Update nuxt.config.js

---
 docs/nuxt.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
index 5bb81196c1b..e7f2d9e5198 100644
--- a/docs/nuxt.config.js
+++ b/docs/nuxt.config.js
@@ -84,6 +84,7 @@ module.exports = {
   },
 
   plugins: [
+    { src: '~plugins/polyfill.js', ssr: false },
     '~plugins/bootstrap-vue.js',
     '~plugins/codemirror.js',
     '~plugins/play.js',
@@ -108,7 +109,6 @@ module.exports = {
     ],
     script: [
       // { type: 'javascript', src: '//unpkg.com/babel-polyfill@latest/dist/polyfill.min.js' }
-      { type: 'javascript', src: '../node_modules/@babel/polyfill/dist/polyfill.js' }
     ]
   },
 

From bc1a0fe9129dd5ae2da6b2c93a91cdda8f42c4b2 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 21:43:08 -0400
Subject: [PATCH 59/71] add compiler to v-play directive

---
 docs/plugins/play.js | 105 +++++++++++++++++++++++--------------------
 1 file changed, 57 insertions(+), 48 deletions(-)

diff --git a/docs/plugins/play.js b/docs/plugins/play.js
index e2cde58c825..64b3eec4f4d 100644
--- a/docs/plugins/play.js
+++ b/docs/plugins/play.js
@@ -13,6 +13,9 @@ const CLASS_NAMES = {
   error: 'error',
 }
 
+// Temporary compiler code, until directive is loaded/applied
+let compiler = (code) => code
+
 const match = (regex, text) => (regex.exec(text) || [])[1]
 const removeNode = node => node && node.parentNode && node.parentNode.removeChild(node)
 
@@ -29,7 +32,8 @@ const parseVueTemplate = text => {
   // Try to evalue script
   if (script && script.includes('export default')) {
     try {
-      eval(script.replace('export default', 'options = '))
+      const code = compiler(script.replace('export default', ';options = '))
+      eval(code)
     } catch (e) {
       return false
     }
@@ -76,62 +80,67 @@ const destroyVM = (name, vm) => {
 }
 
 Vue.directive('play', (el, binding, vnode, oldVnode) => {
-  // Get all code-snippets
-  const pres = [...el.querySelectorAll('pre.hljs')]
-
-  // Iterate over them and parse
-  pres.forEach(pre => {
-    // Store example name globally
-    const name = match(NAME_REGEX, pre.textContent)
+  import('../utils/compile-js').then((module) => {
+    // Save the compiler reference for template parser
+    compiler = module.default
+    
+    // Get all code-snippets
+    const pres = [...el.querySelectorAll('pre.hljs')]
+
+    // Iterate over them and parse
+    pres.forEach(pre => {
+      // Store example name globally
+      const name = match(NAME_REGEX, pre.textContent)
+
+      // Exit early when no name is given
+      if (!name) {
+        return
+      }
 
-    // Exit early when no name is given
-    if (!name) {
-      return
-    }
+      // Remove name defintion
+      let text = pre.textContent.replace(NAME_DEFINITION_REGEX, '').trim()
+      pre.textContent = text
 
-    // Remove name defintion
-    let text = pre.textContent.replace(NAME_DEFINITION_REGEX, '').trim()
-    pre.textContent = text
+      // Highlight again
+      hljs.highlightBlock(pre)
 
-    // Highlight again
-    hljs.highlightBlock(pre)
+      // Add editable class
+      pre.classList.add(CLASS_NAMES.editable)
 
-    // Add editable class
-    pre.classList.add(CLASS_NAMES.editable)
+      // Initial load
+      let vm = createVM(name, pre, vnode)
 
-    // Initial load
-    let vm = createVM(name, pre, vnode)
+      if (!Array.isArray(vnode.context.$options['beforeDestroy'])) {
+        vnode.context.$options['beforeDestroy'] = []
+      }
 
-    if (!Array.isArray(vnode.context.$options['beforeDestroy'])) {
-      vnode.context.$options['beforeDestroy'] = []
-    }
+      vnode.context.$options['beforeDestroy'].push(() => destroyVM(name, vm))
 
-    vnode.context.$options['beforeDestroy'].push(() => destroyVM(name, vm))
+      // Enable live edit on double click
+      pre.ondblclick = async () => {
+        // Add live class
+        pre.classList.add(CLASS_NAMES.live)
+        // Make editable
+        pre.contentEditable = true
 
-    // Enable live edit on double click
-    pre.ondblclick = async () => {
-      // Add live class
-      pre.classList.add(CLASS_NAMES.live)
-      // Make editable
-      pre.contentEditable = true
+        pre.onblur = () => {
+          // Rehighlight
+          hljs.highlightBlock(pre)
+        }
 
-      pre.onblur = () => {
-        // Rehighlight
-        hljs.highlightBlock(pre)
+        pre.onkeyup = debounce(() => {
+          // Recreate VM
+          destroyVM(name, vm)
+          vm = createVM(name, pre, vnode)
+
+          // Toggle error class
+          if (vm === null) {
+            pre.classList.add(CLASS_NAMES.error)
+          } else {
+            pre.classList.remove(CLASS_NAMES.error)
+          }
+        }, 250)
       }
-
-      pre.onkeyup = debounce(() => {
-        // Recreate VM
-        destroyVM(name, vm)
-        vm = createVM(name, pre, vnode)
-
-        // Toggle error class
-        if (vm === null) {
-          pre.classList.add(CLASS_NAMES.error)
-        } else {
-          pre.classList.remove(CLASS_NAMES.error)
-        }
-      }, 250)
-    }
+    })
   })
 })

From 23c07d1ea7f1b6ee21458cc4c6b637e0f032d769 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 13 Dec 2018 22:22:17 -0400
Subject: [PATCH 60/71] Update nuxt.config.js

---
 docs/nuxt.config.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
index e7f2d9e5198..558b6246bca 100644
--- a/docs/nuxt.config.js
+++ b/docs/nuxt.config.js
@@ -108,6 +108,7 @@ module.exports = {
       { 'http-equiv': 'X-UA-Compatible', content: 'IE=edge' }
     ],
     script: [
+      // IE 11 may not always load hte polyfills from a 3rd party domain
       // { type: 'javascript', src: '//unpkg.com/babel-polyfill@latest/dist/polyfill.min.js' }
     ]
   },

From f761141d7e4c540aaf54d368dffebead253eb4eb Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Fri, 14 Dec 2018 00:14:32 -0400
Subject: [PATCH 61/71] Update nuxt.config.js

---
 docs/nuxt.config.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
index 558b6246bca..0e3e0f4ec38 100644
--- a/docs/nuxt.config.js
+++ b/docs/nuxt.config.js
@@ -108,8 +108,7 @@ module.exports = {
       { 'http-equiv': 'X-UA-Compatible', content: 'IE=edge' }
     ],
     script: [
-      // IE 11 may not always load hte polyfills from a 3rd party domain
-      // { type: 'javascript', src: '//unpkg.com/babel-polyfill@latest/dist/polyfill.min.js' }
+      { type: 'text/javascript', src: '//unpkg.com/babel-polyfill@latest/dist/polyfill.min.js' }
     ]
   },
 

From 877a4e257b6e99db12b9475e003b45299c6afad2 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Fri, 14 Dec 2018 00:15:00 -0400
Subject: [PATCH 62/71] Update nuxt.config.js

---
 docs/nuxt.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
index 0e3e0f4ec38..d35c6f486f8 100644
--- a/docs/nuxt.config.js
+++ b/docs/nuxt.config.js
@@ -84,7 +84,7 @@ module.exports = {
   },
 
   plugins: [
-    { src: '~plugins/polyfill.js', ssr: false },
+    // { src: '~plugins/polyfill.js', ssr: false },
     '~plugins/bootstrap-vue.js',
     '~plugins/codemirror.js',
     '~plugins/play.js',

From 79a3e59a3acbf51b0ef93616c2dca3efe8a31f11 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Fri, 14 Dec 2018 00:26:31 -0400
Subject: [PATCH 63/71] Delete polyfill.js

---
 docs/plugins/polyfill.js | 2 --
 1 file changed, 2 deletions(-)
 delete mode 100644 docs/plugins/polyfill.js

diff --git a/docs/plugins/polyfill.js b/docs/plugins/polyfill.js
deleted file mode 100644
index af64137acb0..00000000000
--- a/docs/plugins/polyfill.js
+++ /dev/null
@@ -1,2 +0,0 @@
-// Imported only for client
-import '@babel/polyfill/dist/polyfill.js'

From fb27ff72ae0577bb4ddd0d52d85c1bab6e1104e5 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Fri, 14 Dec 2018 00:27:12 -0400
Subject: [PATCH 64/71] Update package.json

---
 package.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/package.json b/package.json
index 89ba793606f..4b8bcb88636 100644
--- a/package.json
+++ b/package.json
@@ -87,7 +87,6 @@
     "@babel/plugin-transform-runtime": "^7.2.0",
     "@babel/preset-env": "^7.2.0",
     "@babel/standalone": "^7.2.0",
-    "@babel/polyfill": "^7.0.0",
     "@nuxtjs/google-analytics": "^2.0.2",
     "@nuxtjs/pwa": "^2.6.0",
     "@vue/test-utils": "^1.0.0-beta.27",

From 326ad1386c34759f3bb55242eef8438d3e408005 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Fri, 14 Dec 2018 00:28:16 -0400
Subject: [PATCH 65/71] Update nuxt.config.js

---
 docs/nuxt.config.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
index d35c6f486f8..c93fd30e69d 100644
--- a/docs/nuxt.config.js
+++ b/docs/nuxt.config.js
@@ -84,7 +84,6 @@ module.exports = {
   },
 
   plugins: [
-    // { src: '~plugins/polyfill.js', ssr: false },
     '~plugins/bootstrap-vue.js',
     '~plugins/codemirror.js',
     '~plugins/play.js',
@@ -113,9 +112,9 @@ module.exports = {
   },
 
   css: [
-    'bootstrap/dist/css/bootstrap.css',
     'highlightjs/styles/atom-one-light.css',
     'codemirror/lib/codemirror.css',
+    'bootstrap/dist/css/bootstrap.css',
     '../src/index.scss', // Boostrap-Vue SCSS
     '@assets/css/docs.min.css',
     '@assets/css/styles.css'

From 33e8986390f8e095d805824cbe262cbea58cf868 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Fri, 14 Dec 2018 00:37:11 -0400
Subject: [PATCH 66/71] Update nuxt.config.js

---
 docs/nuxt.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
index c93fd30e69d..58d29227cfc 100644
--- a/docs/nuxt.config.js
+++ b/docs/nuxt.config.js
@@ -107,7 +107,7 @@ module.exports = {
       { 'http-equiv': 'X-UA-Compatible', content: 'IE=edge' }
     ],
     script: [
-      { type: 'text/javascript', src: '//unpkg.com/babel-polyfill@latest/dist/polyfill.min.js' }
+      { type: 'text/javascript', src: '//unpkg.com/@babel/polyfill@latest/dist/polyfill.min.js' }
     ]
   },
 

From 204a9a318ac795c281d63d9a357ae1e80371c6a6 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Fri, 14 Dec 2018 15:22:05 -0400
Subject: [PATCH 67/71] Update styles.css

---
 docs/assets/css/styles.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/assets/css/styles.css b/docs/assets/css/styles.css
index 693bc36ba31..5a7fe957718 100644
--- a/docs/assets/css/styles.css
+++ b/docs/assets/css/styles.css
@@ -18,7 +18,7 @@
 .hljs {
   font-family: "Inconsolata", "Monaco", "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New",
     Courier, monospace !important;
-  font-size: 17px;
+  font-size: 1.1rem;
   overflow-x: auto;
   position: relative;
   background-color: #f9f9f9;

From c47f3282238a04f83ccb8cfe6362e722e65432b7 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Fri, 14 Dec 2018 15:35:38 -0400
Subject: [PATCH 68/71] use BS V4.1 native monospace font class on hljs code

---
 docs/nuxt.config.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
index 58d29227cfc..e8e96a6b29c 100644
--- a/docs/nuxt.config.js
+++ b/docs/nuxt.config.js
@@ -8,14 +8,14 @@ const renderer = new marked.Renderer()
 renderer.code = (code, language) => {
   const validLang = !!(language && hljs.getLanguage(language))
   const highlighted = validLang ? hljs.highlight(language, code).value : code
-  return `<pre class="hljs ${language}">${highlighted}</pre>`
+  return `<pre class="hljs ${language} text-monospace">${highlighted}</pre>`
 }
 
 // BS4 table support for markdown renderer
 const originalTable = renderer.table
 renderer.table = function renderTable (header, body) {
   let r = originalTable.apply(this, arguments)
-  return r.replace('<table>', '<table class="table b-table table-sm table-striped">')
+  return r.replace('<table>', '<table class="table b-table table-striped">')
     .replace('<thead>', '<thead class="thead-default">')
 }
 

From 04e5e79b6d572a21a6e07d860ae342cbdf119545 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Fri, 14 Dec 2018 15:41:22 -0400
Subject: [PATCH 69/71] Update nuxt.config.js

---
 docs/nuxt.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
index e8e96a6b29c..8e83aa9cf4e 100644
--- a/docs/nuxt.config.js
+++ b/docs/nuxt.config.js
@@ -8,7 +8,7 @@ const renderer = new marked.Renderer()
 renderer.code = (code, language) => {
   const validLang = !!(language && hljs.getLanguage(language))
   const highlighted = validLang ? hljs.highlight(language, code).value : code
-  return `<pre class="hljs ${language} text-monospace">${highlighted}</pre>`
+  return `<pre class="hljs ${language} text-monospace p-2">${highlighted}</pre>`
 }
 
 // BS4 table support for markdown renderer

From 65eef483ced88bfa0e7c3d2ce27acdc0d8c8c88f Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Fri, 14 Dec 2018 15:50:34 -0400
Subject: [PATCH 70/71] Update styles.css

---
 docs/assets/css/styles.css | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/docs/assets/css/styles.css b/docs/assets/css/styles.css
index 5a7fe957718..d6c291e769c 100644
--- a/docs/assets/css/styles.css
+++ b/docs/assets/css/styles.css
@@ -16,15 +16,10 @@
 }
 
 .hljs {
-  font-family: "Inconsolata", "Monaco", "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New",
-    Courier, monospace !important;
-  font-size: 1.1rem;
   overflow-x: auto;
   position: relative;
   background-color: #f9f9f9;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
-  padding: 1em 1em 1em 1em;
-  margin-bottom: 1em;
 }
 
 .CodeMirror {
@@ -54,6 +49,10 @@ blockquote {
   z-index: 100 !important;
 }
 
+.vue-example {
+  overflow-y: auto;
+}
+
 pre.editable:after {
   content: '(double click to edit)';
   position: absolute;

From b95ba833d7d2d4e0d7ae6434b9f46cc4e2152619 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Fri, 14 Dec 2018 16:40:17 -0400
Subject: [PATCH 71/71] Update styles.css

---
 docs/assets/css/styles.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/assets/css/styles.css b/docs/assets/css/styles.css
index d6c291e769c..0d572955655 100644
--- a/docs/assets/css/styles.css
+++ b/docs/assets/css/styles.css
@@ -50,7 +50,7 @@ blockquote {
 }
 
 .vue-example {
-  overflow-y: auto;
+  overflow-x: auto;
 }
 
 pre.editable:after {