This module is not yet compatible with Nuxt 3
Head over to v2.nuxt.com

vue-material
nuxt-vue-material

Module to join nuxt and vue-material framework so you can build well-designed apps with dynamic themes and components with an ease-to-use API.

NUXT VUE-MATERIAL

npm (scoped with tag)npm

Plugin to join nuxt and vue-material framework.

Setup

  • Add nuxt-vue-material dependency using npm to your project
  • Add nuxt-vue-material to modules section of nuxt.config.js
{
  modules: [
    ['nuxt-vue-material', {
      theme: 'default-dark',
      components: ['MdDrawer', 'MdRadio', 'MdMenu', 'MdContent', 'MdList', 'MdButton', 'MdToolbar',]
    }],
  ]
  /* OR like this:
  modules: [
    'nuxt-vue-material'
  ],
  vueMaterial: {
    theme: 'default-dark'
  }*/
}

Module options

css

  • Default: true Adds vue-material.min.css and theme css to the start of options.css[]

theme

Sets vue-material theme

  • Default: default
  • Options: default, default-dark, black-green-dark, black-green-light

Pass null to disable theme in case you're going to use custom one

components

Load only selected components. Will load all framework if empty

License

MIT, made by Galley Web Production