vue-mdl/src/vue-mdl.js

Reusable Vue components using Material Design Lite

import Mdl from './directives/mdl'

import MdlCheckbox from './toggles/checkbox.vue'
import MdlRadio from './toggles/radio.vue'
import MdlBadge from './badge.js'
import MdlButton from './button.vue'
import MdlAnchorButton from './anchor-button.vue'
import MdlProgress from './progress.vue'
import MdlSpinner from './spinner.vue'
import MdlIconToggle from './toggles/icon-toggle.vue'
import MdlSlider from './slider.vue'
import MdlSwitch from './toggles/switch.vue'
import MdlTextfield from './textfield.vue'
import MdlTooltip from './tooltip.vue'
import MdlMenu from './menu/menu.vue'
import MdlMenuItem from './menu/menu-item.vue'
import MdlCard from './card.vue'
import MdlSnackbar from './snackbar.vue'
import MdlSelect from './select.vue'
import MdlDialog from './dialog.vue'
import MdlTabs from './tabs/tabs.vue'
import MdlTab from './tabs/tab.vue'
import MdlChip from './chip.vue'
import MdlLayout from './layout/layout.vue'
import MdlLayoutHeaderRow from './layout/header-row.vue'
import MdlLayoutDrawer from './layout/drawer.vue'
import MdlLayoutContent from './layout/content.js'
import MdlLayoutSpacer from './layout/spacer.js'
import MdlNav from './nav/nav.js'
import MdlNavLink from './nav/link.js'

export const components = {
  MdlCheckbox,
  MdlSwitch,
  MdlIconToggle,
  MdlRadio,
  MdlProgress,
  MdlButton,
  MdlAnchorButton,
  MdlSpinner,
  MdlSlider,
  MdlTextfield,
  MdlTooltip,
  MdlMenu,
  MdlMenuItem,
  MdlCard,
  MdlSnackbar,
  MdlSelect,
  MdlDialog,
  MdlTabs,
  MdlTab,
  MdlBadge,
  MdlChip,
  MdlLayout,
  MdlLayoutHeaderRow,
  MdlLayoutDrawer,
  MdlLayoutContent,
  MdlLayoutSpacer,
  MdlNav,
  MdlNavLink
}

export const directives = {
  Mdl
}

export default {
  install (Vue) {
    Object.keys(components).forEach((name) => {
      Vue.component(name, components[name])
    })
    Object.keys(directives).forEach((name) => {
      Vue.directive(name, directives[name])
    })
  }
}

export {
  // directives
  Mdl,
  // components
  MdlCheckbox,
  MdlBadge,
  MdlSwitch,
  MdlRadio,
  MdlIconToggle,
  MdlButton,
  MdlAnchorButton,
  MdlProgress,
  MdlSpinner,
  MdlSlider,
  MdlTextfield,
  MdlTooltip,
  MdlMenu,
  MdlMenuItem,
  MdlCard,
  MdlSnackbar,
  MdlSelect,
  MdlDialog,
  MdlTabs,
  MdlTab,
  MdlChip,
  MdlLayout,
  MdlLayoutHeaderRow,
  MdlLayoutDrawer,
  MdlLayoutContent,
  MdlLayoutSpacer,
  MdlNav,
  MdlNavLink
}