refactor: Remove async loading of components (fixes #29)

components/Button/index.js

@@ -1,5 +1,7 @@
+import Button from './Button.vue'
+
 export default {
   install (vm) {
-    vm.component('m-button', () => import('./Button'))
+    vm.component('m-button', Button)
   }
 }

components/Card/index.js

@@ -1,6 +1,9 @@
+import Card from './Card.vue'
+import CardMediaItem from './CardMediaItem.vue'
+
 export default {
   install (vm) {
-    vm.component('m-card', () => import('./Card'))
-    vm.component('m-card-media-item', () => import('./CardMediaItem'))
+    vm.component('m-card', Card)
+    vm.component('m-card-media-item', CardMediaItem)
   }
 }

components/Checkbox/index.js

@@ -1,5 +1,7 @@
+import Checkbox from './Checkbox.vue'
+
 export default {
   install (vm) {
-    vm.component('m-checkbox', () => import('./Checkbox'))
+    vm.component('m-checkbox', Checkbox)
   }
 }

components/Dialog/index.js

@@ -1,5 +1,7 @@
+import Dialog from './Dialog.vue'
+
 export default {
   install (vm) {
-    vm.component('m-dialog', () => import('./Dialog'))
+    vm.component('m-dialog', Dialog)
   }
 }

components/Drawer/index.js

@@ -1,11 +1,19 @@
+import PermanentDrawer from './PermanentDrawer/PermanentDrawer.vue'
+import PermanentDrawerListItem from './PermanentDrawer/PermanentDrawerListItem.vue'
+import PersistentDrawer from './PersistentDrawer/PersistentDrawer.vue'
+import PersistentDrawerListItem from './PersistentDrawer/PersistentDrawerListItem.vue'
+import TemporaryDrawer from './TemporaryDrawer/TemporaryDrawer.vue'
+import TemporaryDrawerListItem from './TemporaryDrawer/TemporaryDrawerListItem.vue'
+import DrawerItemDivider from './DrawerItemDivider.vue'
+
 export default {
   install (vm) {
-    vm.component('m-permanent-drawer', () => import('./PermanentDrawer/PermanentDrawer'))
-    vm.component('m-permanent-drawer-item', () => import('./PermanentDrawer/PermanentDrawerListItem'))
-    vm.component('m-persistent-drawer', () => import('./PersistentDrawer/PersistentDrawer'))
-    vm.component('m-persistent-drawer-item', () => import('./PersistentDrawer/PersistentDrawerListItem'))
-    vm.component('m-temporary-drawer', () => import('./TemporaryDrawer/TemporaryDrawer'))
-    vm.component('m-temporary-drawer-item', () => import('./TemporaryDrawer/TemporaryDrawerListItem'))
-    vm.component('m-drawer-item-divider', () => import('./DrawerItemDivider'))
+    vm.component('m-permanent-drawer', PermanentDrawer)
+    vm.component('m-permanent-drawer-item', PermanentDrawerListItem)
+    vm.component('m-persistent-drawer', PersistentDrawer)
+    vm.component('m-persistent-drawer-item', PersistentDrawerListItem)
+    vm.component('m-temporary-drawer', TemporaryDrawer)
+    vm.component('m-temporary-drawer-item', TemporaryDrawerListItem)
+    vm.component('m-drawer-item-divider', DrawerItemDivider)
   }
 }

components/Elevation/index.js

@@ -1,5 +1,7 @@
+import Elevation from './Elevation.vue'
+
 export default {
   install (vm) {
-    vm.component('m-elevation', () => import('./Elevation'))
+    vm.component('m-elevation', Elevation)
   }
 }

components/Fab/index.js

@@ -1,5 +1,7 @@
+import Fab from './Fab.vue'
+
 export default {
   install (vm) {
-    vm.component('m-fab', () => import('./Fab'))
+    vm.component('m-fab', Fab)
   }
 }

components/FormField/index.js

@@ -1,5 +1,7 @@
+import FormField from './FormField.vue'
+
 export default {
   install (vm) {
-    vm.component('m-form-field', () => import('./FormField'))
+    vm.component('m-form-field', FormField)
   }
 }

components/GridList/index.js

@@ -1,6 +1,9 @@
+import GridList from './GridList.vue'
+import GridListTile from './GridListTile.vue'
+
 export default {
   install (vm) {
-    vm.component('m-grid-list', () => import('./GridList'))
-    vm.component('m-grid-tile', () => import('./GridListTile'))
+    vm.component('m-grid-list', GridList)
+    vm.component('m-grid-tile', GridListTile)
   }
 }

components/Icon/index.js

@@ -1,5 +1,7 @@
+import Icon from './Icon.vue'
+
 export default {
   install (vm) {
-    vm.component('m-icon', () => import('./Icon'))
+    vm.component('m-icon', Icon)
   }
 }

components/IconToggle/index.js

@@ -1,5 +1,7 @@
+import IconToggle from './IconToggle.vue'
+
 export default {
   install (vm) {
-    vm.component('m-icon-toggle', () => import('./IconToggle'))
+    vm.component('m-icon-toggle', IconToggle)
   }
 }

components/LayoutGrid/index.js

@@ -1,7 +1,11 @@
+import LayoutGrid from './LayoutGrid.vue'
+import LayoutGridCell from './LayoutGridCell.vue'
+import LayoutGridInner from './LayoutGridInner.vue'
+
 export default {
   install (vm) {
-    vm.component('m-layout-grid', () => import('./LayoutGrid'))
-    vm.component('m-layout-grid-cell', () => import('./LayoutGridCell'))
-    vm.component('m-layout-grid-inner', () => import('./LayoutGridInner'))
+    vm.component('m-layout-grid', LayoutGrid)
+    vm.component('m-layout-grid-cell', LayoutGridCell)
+    vm.component('m-layout-grid-inner', LayoutGridInner)
   }
 }

components/LinearProgress/index.js

@@ -1,5 +1,7 @@
+import LinearProgress from './LinearProgress.vue'
+
 export default {
   install (vm) {
-    vm.component('m-linear-progress', () => import('./LinearProgress'))
+    vm.component('m-linear-progress', LinearProgress)
   }
 }

components/List/index.js

@@ -1,10 +1,17 @@
+import List from './List.vue'
+import ListDivider from './ListDivider.vue'
+import ListGroup from './ListGroup.vue'
+import ListGroupDivider from './ListGroupDivider.vue'
+import ListGroupSubheader from './ListGroupSubheader.vue'
+import ListItem from './ListItem.vue'
+
 export default {
   install (vm) {
-    vm.component('m-list', () => import('./List'))
-    vm.component('m-list-divider', () => import('./ListDivider'))
-    vm.component('m-list-group', () => import('./ListGroup'))
-    vm.component('m-list-list-group-divider', () => import('./ListGroupDivider'))
-    vm.component('m-list-list-group-subheader', () => import('./ListGroupSubheader'))
-    vm.component('m-list-item', () => import('./ListItem'))
+    vm.component('m-list', List)
+    vm.component('m-list-divider', ListDivider)
+    vm.component('m-list-group', ListGroup)
+    vm.component('m-list-list-group-divider', ListGroupDivider)
+    vm.component('m-list-list-group-subheader', ListGroupSubheader)
+    vm.component('m-list-item', ListItem)
   }
 }

components/Menu/index.js

@@ -1,11 +1,19 @@
+import Menu from './Menu.vue'
+import MenuAnchor from './MenuAnchor.vue'
+import MenuDivider from './MenuDivider.vue'
+import MenuGroup from './MenuGroup.vue'
+import MenuGroupDivider from './MenuGroupDivider.vue'
+import MenuGroupSubheader from './MenuGroupSubheader.vue'
+import MenuItem from './MenuItem.vue'
+
 export default {
   install (vm) {
-    vm.component('m-menu', () => import('./Menu'))
-    vm.component('m-menu-anchor', () => import('./MenuAnchor'))
-    vm.component('m-menu-divider', () => import('./MenuDivider'))
-    vm.component('m-menu-group', () => import('./MenuGroup'))
-    vm.component('m-menu-group-divider', () => import('./MenuGroupDivider'))
-    vm.component('m-menu-group-subheader', () => import('./MenuGroupSubheader'))
-    vm.component('m-menu-item', () => import('./MenuItem'))
+    vm.component('m-menu', Menu)
+    vm.component('m-menu-anchor', MenuAnchor)
+    vm.component('m-menu-divider', MenuDivider)
+    vm.component('m-menu-group', MenuGroup)
+    vm.component('m-menu-group-divider', MenuGroupDivider)
+    vm.component('m-menu-group-subheader', MenuGroupSubheader)
+    vm.component('m-menu-item', MenuItem)
   }
 }

components/Radio/index.js

@@ -1,5 +1,7 @@
+import Radio from './Radio.vue'
+
 export default {
   install (vm) {
-    vm.component('m-radio', () => import('./Radio'))
+    vm.component('m-radio', Radio)
   }
 }

components/Ripple/index.js

@@ -1,5 +1,7 @@
+import Ripple from './Ripple.vue'
+
 export default {
   install (vm) {
-    vm.component('m-ripple', () => import('./Ripple'))
+    vm.component('m-ripple', Ripple)
   }
 }

components/Select/index.js

@@ -1,10 +1,17 @@
+import Select from './Select.vue'
+import SelectMulti from './SelectMulti.vue'
+import SelectMultiDivider from './SelectMultiDivider.vue'
+import SelectMultiGroup from './SelectMultiGroup.vue'
+import SelectMultiOption from './SelectMultiOption.vue'
+import SelectOption from './SelectOption.vue'
+
 export default {
   install (vm) {
-    vm.component('m-select', () => import('./Select'))
-    vm.component('m-select-multi', () => import('./SelectMulti'))
-    vm.component('m-select-multi-divider', () => import('./SelectMultiDivider'))
-    vm.component('m-select-multi-group', () => import('./SelectMultiGroup'))
-    vm.component('m-select-multi-option', () => import('./SelectMultiOption'))
-    vm.component('m-select-option', () => import('./SelectOption'))
+    vm.component('m-select', Select)
+    vm.component('m-select-multi', SelectMulti)
+    vm.component('m-select-multi-divider', SelectMultiDivider)
+    vm.component('m-select-multi-group', SelectMultiGroup)
+    vm.component('m-select-multi-option', SelectMultiOption)
+    vm.component('m-select-option', SelectOption)
   }
 }

components/Slider/index.js

@@ -1,5 +1,7 @@
+import Slider from './Slider.vue'
+
 export default {
   install (vm) {
-    vm.component('m-slider', () => import('./Slider'))
+    vm.component('m-slider', Slider)
   }
 }

components/Snackbar/index.js

@@ -1,5 +1,7 @@
+import Snackbar from './Snackbar.vue'
+
 export default {
   install (vm) {
-    vm.component('m-snackbar', () => import('./Snackbar'))
+    vm.component('m-snackbar', Snackbar)
   }
 }

components/Switch/index.js

@@ -1,5 +1,7 @@
+import Switch from './Switch.vue'
+
 export default {
   install (vm) {
-    vm.component('m-switch', () => import('./Switch'))
+    vm.component('m-switch', Switch)
   }
 }

components/Tabs/index.js

@@ -1,6 +1,9 @@
+import Tab from './Tab.vue'
+import TabBar from './TabBar.vue'
+
 export default {
   install (vm) {
-    vm.component('m-tab', () => import('./Tab'))
-    vm.component('m-tab-bar', () => import('./TabBar'))
+    vm.component('m-tab', Tab)
+    vm.component('m-tab-bar', TabBar)
   }
 }

components/Textfield/index.js

@@ -1,7 +1,11 @@
+import Textfield from './Textfield.vue'
+import TextfieldHelptext from './TextfieldHelptext.vue'
+import TextfieldMultiline from './TextfieldMultiline.vue'
+
 export default {
   install (vm) {
-    vm.component('m-textfield', () => import('./Textfield'))
-    vm.component('m-textfield-helptext', () => import('./TextfieldHelptext'))
-    vm.component('m-textfield-multiline', () => import('./TextfieldMultiline'))
+    vm.component('m-textfield', Textfield)
+    vm.component('m-textfield-helptext', TextfieldHelptext)
+    vm.component('m-textfield-multiline', TextfieldMultiline)
   }
 }

components/Toolbar/index.js

@@ -1,8 +1,13 @@
+import Toolbar from './Toolbar.vue'
+import ToolbarFixedAdjust from './ToolbarFixedAdjust.vue'
+import ToolbarIcon from './ToolbarIcon.vue'
+import ToolbarRow from './ToolbarRow.vue'
+
 export default {
   install (vm) {
-    vm.component('m-toolbar', () => import('./Toolbar'))
-    vm.component('m-toolbar-fixed-adjust', () => import('./ToolbarFixedAdjust'))
-    vm.component('m-toolbar-icon', () => import('./ToolbarIcon'))
-    vm.component('m-toolbar-row', () => import('./ToolbarRow'))
+    vm.component('m-toolbar', Toolbar)
+    vm.component('m-toolbar-fixed-adjust', ToolbarFixedAdjust)
+    vm.component('m-toolbar-icon', ToolbarIcon)
+    vm.component('m-toolbar-row', ToolbarRow)
   }
 }

components/Typography/index.js

@@ -1,12 +1,21 @@
+import Body from './Body.vue'
+import Button from './Button.vue'
+import Caption from './Caption.vue'
+import Display from './Display.vue'
+import Headline from './Headline.vue'
+import Title from './Title.vue'
+import Subheading from './Subheading.vue'
+import Typography from './Typography.vue'
+
 export default {
   install (vm) {
-    vm.component('m-typo-body', () => import('./Body'))
-    vm.component('m-typo-button', () => import('./Button'))
-    vm.component('m-typo-caption', () => import('./Caption'))
-    vm.component('m-typo-display', () => import('./Display'))
-    vm.component('m-typo-headline', () => import('./Headline'))
-    vm.component('m-typo-title', () => import('./Title'))
-    vm.component('m-typo-subheading', () => import('./Subheading'))
-    vm.component('m-typography', () => import('./Typography'))
+    vm.component('m-typo-body', Body)
+    vm.component('m-typo-button', Button)
+    vm.component('m-typo-caption', Caption)
+    vm.component('m-typo-display', Display)
+    vm.component('m-typo-headline', Headline)
+    vm.component('m-typo-title', Title)
+    vm.component('m-typo-subheading', Subheading)
+    vm.component('m-typography', Typography)
   }
 }