From 6c561241ca3482c1b21981ce72180cd8b96e4da3 Mon Sep 17 00:00:00 2001 From: T Morehouse Date: Thu, 18 Apr 2019 09:54:37 -0300 Subject: [PATCH 1/7] docs: Add note about setting up an alias to `vue` in project bundlers When users are encountering the error `"$attr and $listeners is readonly"`, they will need to set up an alias to Vue in their bundler config file. Adds reference to https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only --- docs/markdown/intro/README.md | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/docs/markdown/intro/README.md b/docs/markdown/intro/README.md index 2cd21d303ca..de236a4b53b 100644 --- a/docs/markdown/intro/README.md +++ b/docs/markdown/intro/README.md @@ -70,6 +70,18 @@ values and functions between files by default. For information on theming Bootstrap, check out the [Theming](/docs/reference/theming) reference section. +

+ Note:
+ BootstrapVue and PortalVue require access to the global Vue reference (via + import Vue from 'vue'). If you are using a specific build of Vue (i.e. runtime-only + vs. compiler+runtime), you will need to set up an alias to Vue in your bundler config + to ensure that your project and BootstrapVue and PortalVue are using the same build version of Vue. + If you are seeing an error such as "$attr and $listeners is readonly", then you will + need to set up an alias. See the + Vue.JS Guide + for details on setting up aliases for Webpack, Rollup, Parcel, etc. +

+ ## Nuxt.js module [Nuxt.js](https://nuxtjs.org/) version {{ nuxtVersion }} (or greater) is recommended. From 7c493993e32ee3660d583adb7511bd5a9ca387cc Mon Sep 17 00:00:00 2001 From: T Morehouse Date: Thu, 18 Apr 2019 10:07:46 -0300 Subject: [PATCH 2/7] Update README.md --- docs/markdown/intro/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/markdown/intro/README.md b/docs/markdown/intro/README.md index de236a4b53b..2c0662e1add 100644 --- a/docs/markdown/intro/README.md +++ b/docs/markdown/intro/README.md @@ -74,7 +74,7 @@ section. Note:
BootstrapVue and PortalVue require access to the global Vue reference (via import Vue from 'vue'). If you are using a specific build of Vue (i.e. runtime-only - vs. compiler+runtime), you will need to set up an alias to Vue in your bundler config + vs. compiler + runtime), you will need to set up an alias to Vue in your bundler config to ensure that your project and BootstrapVue and PortalVue are using the same build version of Vue. If you are seeing an error such as "$attr and $listeners is readonly", then you will need to set up an alias. See the From fc4a842d8153ae563d45c3dd0b695e91be92adcb Mon Sep 17 00:00:00 2001 From: T Morehouse Date: Thu, 18 Apr 2019 10:18:48 -0300 Subject: [PATCH 3/7] Update README.md --- docs/markdown/intro/README.md | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/docs/markdown/intro/README.md b/docs/markdown/intro/README.md index 2c0662e1add..58f0844e516 100644 --- a/docs/markdown/intro/README.md +++ b/docs/markdown/intro/README.md @@ -70,16 +70,17 @@ values and functions between files by default. For information on theming Bootstrap, check out the [Theming](/docs/reference/theming) reference section. -

+

Note:
- BootstrapVue and PortalVue require access to the global Vue reference (via - import Vue from 'vue'). If you are using a specific build of Vue (i.e. runtime-only + BootstrapVue and PortalVue require access to the global Vue reference (via + import Vue from 'vue'). If you are using a specific build of Vue (i.e. runtime-only vs. compiler + runtime), you will need to set up an alias to Vue in your bundler config to ensure that your project and BootstrapVue and PortalVue are using the same build version of Vue. - If you are seeing an error such as "$attr and $listeners is readonly", then you will + If you are seeing an error such as "$attr and $listeners is readonly", then you will need to set up an alias. See the - Vue.JS Guide - for details on setting up aliases for Webpack, Rollup, Parcel, etc. + + Vue.JS Guide + for details on setting up aliases for Webpack, Rollup, Parcel, etc.

## Nuxt.js module From dfc2cb3658c44c804936ff2f584bd4a355fb717f Mon Sep 17 00:00:00 2001 From: T Morehouse Date: Thu, 18 Apr 2019 10:19:31 -0300 Subject: [PATCH 4/7] Update README.md --- docs/markdown/intro/README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/docs/markdown/intro/README.md b/docs/markdown/intro/README.md index 58f0844e516..92f2b8ba3b6 100644 --- a/docs/markdown/intro/README.md +++ b/docs/markdown/intro/README.md @@ -71,7 +71,6 @@ For information on theming Bootstrap, check out the [Theming](/docs/reference/th section.

- Note:
BootstrapVue and PortalVue require access to the global Vue reference (via import Vue from 'vue'). If you are using a specific build of Vue (i.e. runtime-only vs. compiler + runtime), you will need to set up an alias to Vue in your bundler config From a5c5783afb6e589b3c53a7df82de42e89cb33ada Mon Sep 17 00:00:00 2001 From: T Morehouse Date: Thu, 18 Apr 2019 10:23:34 -0300 Subject: [PATCH 5/7] Update README.md --- docs/markdown/intro/README.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/docs/markdown/intro/README.md b/docs/markdown/intro/README.md index 92f2b8ba3b6..750d31ed28b 100644 --- a/docs/markdown/intro/README.md +++ b/docs/markdown/intro/README.md @@ -71,11 +71,11 @@ For information on theming Bootstrap, check out the [Theming](/docs/reference/th section.

- BootstrapVue and PortalVue require access to the global Vue reference (via - import Vue from 'vue'). If you are using a specific build of Vue (i.e. runtime-only - vs. compiler + runtime), you will need to set up an alias to Vue in your bundler config - to ensure that your project and BootstrapVue and PortalVue are using the same build version of Vue. - If you are seeing an error such as "$attr and $listeners is readonly", then you will + BootstrapVue and PortalVue require access to the global Vue reference (via + import Vue from 'vue'). If you are using a specific build of Vue (i.e. runtime-only + vs. compiler + runtime), you will need to set up an alias to 'vue' in your bundler config + to ensure that your project, BootstrapVue and PortalVue are all using the same build version of Vue. + If you are seeing an error such as "$attr and $listeners is readonly", then you will need to set up an alias. See the Vue.JS Guide From fcd526e2321033033cf25e54c1dd3ead43c7b7a3 Mon Sep 17 00:00:00 2001 From: T Morehouse Date: Thu, 18 Apr 2019 12:30:34 -0300 Subject: [PATCH 6/7] Update README.md --- docs/markdown/intro/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/markdown/intro/README.md b/docs/markdown/intro/README.md index 750d31ed28b..2bfabd98aa0 100644 --- a/docs/markdown/intro/README.md +++ b/docs/markdown/intro/README.md @@ -78,7 +78,7 @@ section. If you are seeing an error such as "$attr and $listeners is readonly", then you will need to set up an alias. See the - Vue.JS Guide + Vue.js Guide for details on setting up aliases for Webpack, Rollup, Parcel, etc.

From 4fd4ad2036011df7b850267c111716a922c9f9c4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jacob=20M=C3=BCller?= Date: Thu, 18 Apr 2019 17:33:42 +0200 Subject: [PATCH 7/7] Update README.md --- docs/markdown/intro/README.md | 38 ++++++++++++++++++++++------------- 1 file changed, 24 insertions(+), 14 deletions(-) diff --git a/docs/markdown/intro/README.md b/docs/markdown/intro/README.md index 750d31ed28b..c0483c1988d 100644 --- a/docs/markdown/intro/README.md +++ b/docs/markdown/intro/README.md @@ -70,17 +70,27 @@ values and functions between files by default. For information on theming Bootstrap, check out the [Theming](/docs/reference/theming) reference section. -

- BootstrapVue and PortalVue require access to the global Vue reference (via - import Vue from 'vue'). If you are using a specific build of Vue (i.e. runtime-only - vs. compiler + runtime), you will need to set up an alias to 'vue' in your bundler config - to ensure that your project, BootstrapVue and PortalVue are all using the same build version of Vue. - If you are seeing an error such as "$attr and $listeners is readonly", then you will - need to set up an alias. See the - - Vue.JS Guide - for details on setting up aliases for Webpack, Rollup, Parcel, etc. -

+
+

+ BootstrapVue and PortalVue require access to the global Vue reference (via + import Vue from 'vue'). +

+

+ If you are using a specific build of Vue (i.e. runtime-only vs. compiler + runtime), you will + need to set up an alias to 'vue' in your bundler config to ensure that your + project, BootstrapVue and PortalVue are all using the same build version of Vue. If you are + seeing an error such as "$attr and $listeners is readonly", then you will need to + set up an alias. +

+

+ See the + Vue.JS + Guide for details on setting up aliases for + webpack, + rollup.js, + Parcel, etc. +

+
## Nuxt.js module @@ -416,9 +426,9 @@ bundler supports es modules, it will automatically prefer it over commonjs. | commonjs2 | webpack 1 / ... | `dist/bootstrap-vue.common.js` _or_ `dist/bootstrap-vue.common.min.js` | | UMD | Browser | `dist/bootstrap-vue.js` _or_ `dist/bootstrap-vue.min.js` | -BootstrapVue relies on `Popper.js` (for Tooltip, Popover, and Dropdown positioning), `PortalVue` (for -toasts, etc), and `vue-functional-data-merge` (for functional components). These three dependencies -are included in the `commonjs2` and `UMD` bundles. +BootstrapVue relies on `Popper.js` (for Tooltip, Popover, and Dropdown positioning), `PortalVue` +(for toasts, etc), and `vue-functional-data-merge` (for functional components). These three +dependencies are included in the `commonjs2` and `UMD` bundles. ## Migrating a project already using Bootstrap