Skip to content
Light module to help design websites with Nuxt.
Branch: master
Clone or download
leopoldsza
leopoldsza Add demo in readme
Latest commit e0a264f Nov 21, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css Fix animate.css Oct 10, 2017
plugins Add dependency Oct 8, 2017
.gitignore Clean project Oct 8, 2017
CHANGELOG.md chore(release): 0.0.5 Oct 8, 2017
LICENSE Init nuxt-module Oct 8, 2017
README.md Add demo in readme Nov 20, 2017
index.js Add Hover.css Nov 20, 2017
package.json Add demo in readme Nov 20, 2017
yarn.lock Add Hover.css Nov 20, 2017

README.md

xui-module

npm (scoped with tag) npm CircleCI Codecov Dependencies

js-standard-style

Light module to help design websites with Nuxt. demo source

📖 Release Notes

Features

This module install several libraries to make designing a website with Vue and Nuxt easy, including:

Setup

  • Add xui-module dependency using yarn or npm to your project
yarn add xui-module

or

npm install xui-module --save
  • Add xui-module to modules section of nuxt.config.js
{
  modules: [
    // Simple usage
    'xui-module',

    // With options
    ['xui-module', { /* module options */ }],
 ]
}
  • If needed, add sass-loader
yarn add sass-loader node-sass

or

npm install sass-loader node-sass --save-dev

Module Options

You can parametrize Xui-module with these variables:

  • 'bulma'
  • 'mdi'
  • 'animate.css'
  • 'hover.css'
  • 'animate'
  • 'spacing'
  • 'vue-in-viewport-directive'
  • 'vue-scrollactive'
  • 'vue-headroom'

example:

{
  'bulma': {
    options: { /* bulma options */ }
  },
  'mdi': {
    active: false // Do not load Material Design Icons
  },
  'vue-scrollactive': {
    ssr: false // Turn off ssr for vue-scrollactive
  }
}

License

MIT License

Copyright (c) Meta l.szabatura@gmail.com

You can’t perform that action at this time.