{"action":"created","issue":{"url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue/issues/26","repository_url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue","labels_url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue/issues/26/labels{/name}","comments_url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue/issues/26/comments","events_url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue/issues/26/events","html_url":"https://github.com/bootstrap-vue/bootstrap-vue/pull/26","id":190211369,"number":26,"title":"Export individual components","user":{"login":"nddery","id":610207,"avatar_url":"https://avatars.githubusercontent.com/u/610207?v=3","gravatar_id":"","url":"https://api.github.com/users/nddery","html_url":"https://github.com/nddery","followers_url":"https://api.github.com/users/nddery/followers","following_url":"https://api.github.com/users/nddery/following{/other_user}","gists_url":"https://api.github.com/users/nddery/gists{/gist_id}","starred_url":"https://api.github.com/users/nddery/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nddery/subscriptions","organizations_url":"https://api.github.com/users/nddery/orgs","repos_url":"https://api.github.com/users/nddery/repos","events_url":"https://api.github.com/users/nddery/events{/privacy}","received_events_url":"https://api.github.com/users/nddery/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2016-11-18T01:15:32Z","updated_at":"2016-11-19T06:30:15Z","closed_at":"2016-11-18T09:05:10Z","pull_request":{"url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue/pulls/26","html_url":"https://github.com/bootstrap-vue/bootstrap-vue/pull/26","diff_url":"https://github.com/bootstrap-vue/bootstrap-vue/pull/26.diff","patch_url":"https://github.com/bootstrap-vue/bootstrap-vue/pull/26.patch"},"body":"This would allow us to import individual components instead of \"using\" the plugin on the main `Vue` instance.\r\n\r\nSo, in addition of being able to use the whole plugin like before:\r\n\r\n```js\r\n// index.js\r\nimport Vue from 'vue'\r\nimport BootstrapVue from 'bootstrap-vue'\r\n\r\nVue.use('BootstrapVue')\r\n```\r\nWe could also instead import and use components individually.\r\n\r\n```js\r\n// components/Hello.vue\r\n<template>\r\n  <b-button-group vertical>\r\n    <b-button>Left</b-button>\r\n    <b-button>Middle</b-button>\r\n    <b-button>Right</b-button>\r\n  </b-button-group>\r\n</template>\r\n\r\n<script>\r\nimport { bButtonGroup, bButton } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    bButtonGroup,\r\n    bButton\r\n  }\r\n}\r\n</script>\r\n```"},"comment":{"url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue/issues/comments/261696899","html_url":"https://github.com/bootstrap-vue/bootstrap-vue/pull/26#issuecomment-261696899","issue_url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue/issues/26","id":261696899,"user":{"login":"sourcec0de","id":1580651,"avatar_url":"https://avatars.githubusercontent.com/u/1580651?v=3","gravatar_id":"","url":"https://api.github.com/users/sourcec0de","html_url":"https://github.com/sourcec0de","followers_url":"https://api.github.com/users/sourcec0de/followers","following_url":"https://api.github.com/users/sourcec0de/following{/other_user}","gists_url":"https://api.github.com/users/sourcec0de/gists{/gist_id}","starred_url":"https://api.github.com/users/sourcec0de/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sourcec0de/subscriptions","organizations_url":"https://api.github.com/users/sourcec0de/orgs","repos_url":"https://api.github.com/users/sourcec0de/repos","events_url":"https://api.github.com/users/sourcec0de/events{/privacy}","received_events_url":"https://api.github.com/users/sourcec0de/received_events","type":"User","site_admin":false},"created_at":"2016-11-19T06:30:15Z","updated_at":"2016-11-19T06:30:15Z","body":"@pi0 thats essentially the same thing as before.\r\n\r\nThe only way this will work as expected is if you are exporting using this syntax.\r\n\r\n```js\r\nexport {bBtn, bTabs};\r\nexport default plugin;\r\n```\r\n\r\nThis should created named exports for the individual components.\r\nWith the addition of a fallback export for the plugin.\r\n\r\nThen when they are imported it would look something like this.\r\n```js\r\nimport { bBtn } from 'bootstrap-vue'; // this will pull named export\r\nimport BootstrapVue from 'bootstrap-vue'; // this will pull default export\r\n```"}}
{"actor":{"display_login":"sourcec0de"}}