Improve imports / exports

Author: derpdead

dev/serve.vue

@@ -1,7 +1,7 @@
 <script>
 import Vue from 'vue';
-import ExpandingList from '@/ExpandingList';
-import VirtualScroll from '@/VirtualScroll';
+import ExpandingList from '@/components/ExpandingList';
+import VirtualScroll from '@/components/VirtualScroll';
 
 export default Vue.extend({
   name: 'ServeDev',

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-windowing",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "",
   "main": "dist/vue-windowing.ssr.js",
   "browser": "dist/vue-windowing.esm.js",

src/AutoHeightMeasurer.vue src/components/AutoHeightMeasurer.vuesrc/AutoHeightMeasurer.vue renamed to src/components/AutoHeightMeasurer.vue

@@ -22,7 +22,7 @@
 </template>
 
 <script>
-import VirtualScroll from '@/VirtualScroll';
+import VirtualScroll from '@/components/VirtualScroll';
 
 export default {
   name: 'ExpandingList',

src/ExpandingList.vue src/components/ExpandingList.vuesrc/ExpandingList.vue renamed to src/components/ExpandingList.vue

@@ -19,7 +19,7 @@
 </template>
 
 <script>
-import VirtualScroll from '@/VirtualScroll';
+import VirtualScroll from '@/components/VirtualScroll';
 
 export default {
   name: 'NestedList',

src/NestedList.vue src/components/NestedList.vuesrc/NestedList.vue renamed to src/components/NestedList.vue

@@ -26,7 +26,7 @@
 </template>
 
 <script>
-import AutoHeightMeasurer from '@/AutoHeightMeasurer';
+import AutoHeightMeasurer from '@/components/AutoHeightMeasurer';
 
 export default {
   name: 'VirtualScroll',

src/VirtualScroll.vue src/components/VirtualScroll.vuesrc/VirtualScroll.vue renamed to src/components/VirtualScroll.vue

@@ -0,0 +1,4 @@
+export { default as VirtualScroll } from './VirtualScroll';
+export { default as AutoHeightMeasurer } from './AutoHeightMeasurer';
+export { default as ExpandingList } from './ExpandingList';
+export { default as NestedList } from './NestedList';

src/components/index.js

@@ -1,17 +1,14 @@
 // Import vue component
-import VirtualScroll from '@/VirtualScroll';
-import AutoHeightMeasurer from '@/AutoHeightMeasurer';
-import ExpandingList from '@/ExpandingList';
-import NestedList from '@/NestedList';
+import * as components from '@/components/index';
 
 // install function executed by Vue.use()
 const install = function installVueWindowing(Vue) {
   if (install.installed) return;
   install.installed = true;
-  Vue.component('VirtualScroll', VirtualScroll);
-  Vue.component('AutoHeightMeasurer', AutoHeightMeasurer);
-  Vue.component('ExpandingList', ExpandingList);
-  Vue.component('NestedList', NestedList);
+
+  Object.entries(components).forEach(([componentName, component]) => {
+    Vue.component(componentName, component);
+  });
 };
 
 // Create module definition for Vue.use()
@@ -34,13 +31,9 @@ if (process.env.ES_BUILD === 'false') {
   }
 }
 
-// Inject install function into component - allows component
-// to be registered via Vue.use() as well as Vue.component()
-component.install = install;
-
-// Export component by default
-export default component;
+export default plugin;
 
 // It's possible to expose named exports when writing components that can
 // also be used as directives, etc. - eg. import { RollupDemoDirective } from 'rollup-demo';
 // export const RollupDemoDirective = component;
+export * from '@/components/index';