Refactoring bundle build and add single components build

[jtommy]

No description provided.

[codecov]

Codecov Report

Merging #826 into dev will increase coverage by 0.47%.
The diff coverage is 100%.

@@            Coverage Diff             @@
##              dev     #826      +/-   ##
==========================================
+ Coverage   32.88%   33.35%   +0.47%     
==========================================
  Files          43       42       -1     
  Lines        1268     1265       -3     
  Branches      390      388       -2     
==========================================
+ Hits          417      422       +5     
+ Misses        830      824       -6     
+ Partials       21       19       -2

Impacted Files	Coverage Δ
src/utils/MessageMixin.js	27.27% <ø> (ø)	⬆️
src/components/panel/Panel.vue	22.22% <100%> (+9.72%)	⬆️
src/components/taginput/Taginput.vue	26.98% <100%> (+1.17%)	⬆️
src/components/timepicker/Timepicker.vue	27.27% <100%> (+0.39%)	⬆️
src/components/datepicker/Datepicker.vue	36.47% <100%> (+0.75%)	⬆️
src/components/input/Input.vue	97.29% <100%> (ø)	⬆️
src/components/pagination/Pagination.vue	47.05% <100%> (ø)	⬆️
src/components/table/Table.vue	13.2% <100%> (ø)	⬆️
src/components/tabs/Tabs.vue	35.29% <100%> (ø)	⬆️
src/components/dialog/Dialog.vue	46.34% <100%> (ø)	⬆️
... and 5 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 3ddcd6e...1871c7e. Read the comment docs.

[sinanerdem]

Thank you for the commit. I want to test the dev version. How to use tree picking? How to import a specific component?

And also I am trying to install dev branch as:
npm i -D buefy/buefy#dev
Is it correct?

[jtommy]

@sinanerdem Docs in the dev branch has been updated and you might follow it.
For example:

import Vue from 'vue'
import Table from 'buefy/dist/components/table'
import Input from 'buefy/dist/components/input'
import 'buefy/dist/buefy.css'
Vue.use(Table)
Vue.use(Input)

To install an unpublished package I usually use:
npm install username/repo#branchName --save

[rafaberaldo]

Try installing with

npm install buefy@beta

Should have this version with new build settings.

[sinanerdem]

Thank you. Everything seems to work except dialog. Its usage is a bit different. How can I use it?

[sinanerdem]

This works for dialog and similar components:

import Dialog from 'buefy/src/components/dialog';
Vue.prototype.$dialog = Dialog;

use inside another component as:
this.$dialog.alert("a message");

[jtommy]

Did you add Vue.use(Dialog) and then this.$dialog. ?