Enhancement: Adding mutationobserver-shim & assorted devDependencies

- Moving to official BootstrapVue logo

Author: tmorehouse

generator/index.js

@@ -4,13 +4,21 @@ module.exports = (api, opts, rootOpts) => {
   api.extendPackage({
     dependencies: {
       'bootstrap-vue': '^2.0.0-rc.19'
+    },
+    devDependencies: {
+      'bootstrap': '^4.3.1',
+      'popper.js': '^1.15.0',
+      'portal-vue': '^2.1.4',
+      'sass-loader': '^7.1.0',
+      'node-sass': '^4.12.0'
     }
   })
 
   if (opts.usePolyfill) {
     api.extendPackage({
       devDependencies: {
         '@babel/polyfill': '^7.4.4',
+        'mutationobserver-shim': '^0.3.3'
       }
     })
   }
@@ -56,10 +64,12 @@ module.exports = (api, opts, rootOpts) => {
       })
 
       helpers.updateMain(src => {
-        if (!src.find(l => l.match(/^(import|require).*@babel\/polyfill.*$/))) {
+        if (!src.find(l => l.match(/^(import|require).+mutationobserver-shim.*$/))) {
+          src.unshift('import \'mutationobserver-shim\'')
+        }
+        if (!src.find(l => l.match(/^(import|require).+@babel\/polyfill.*$/))) {
           src.unshift('import \'@babel/polyfill\'')
         }
-
         return src
       })
     }

index.js

@@ -1 +1,31 @@
-module.exports = (api, opts) => {}
+module.exports = (api, opts) => {
+  // Resolve asset references from components
+  api.chainWebpack(config => {
+    config.module
+      .rule('vue')
+      .use('vue-loader')
+      .tap(options => {
+        const transformAssetUrls = options.transformAssetUrls || {}
+        return {
+          ...options,
+          transformAssetUrls: {
+            // Ensure defaults exist
+            video: ['src', 'poster'],
+            source: 'src',
+            img: 'src',
+            image: 'xlink:href',
+            // Add any other pre defined custom asset items
+            ...transformAssetUrls,
+            // Add BootstrapVue specific component asset items
+            'b-img': 'src',
+            'b-img-lazy': ['src', 'blank-src'],
+            'b-card': 'img-src',
+            'b-card-img': 'img-src',
+            'b-card-img-lazy': ['src', 'blank-src'],
+            'b-carousel-slide': 'img-src',
+            'b-embed': 'src'
+          }
+        }
+      })
+  })
+}

logo.png

@@ -11,9 +11,17 @@
     "url": "git+https://github.com/GregYankovoy/vue-cli-plugin-bootstrap-vue.git"
   },
   "keywords": [
+    "bootstrap-vue",
+    "bootstrap vue",
+    "BootstrapVue",
+    "vue bootstrap",
     "bootstrap",
+    "bootstrap v4",
+    "bootstrap 4",
     "plugin",
     "vue",
+    "vue-cli",
+    "vue-cli-3",
     "cli",
     "3"
   ],