Skip to content
vue-mq module for Nuxt.js.
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci ci(circle): updated config Mar 22, 2019
lib feat(vue-mq): updated to v1.0.1 Mar 22, 2019
test fix(nuxt): added await nuxt.ready() to tests Mar 22, 2019
.editorconfig 💥 Jun 18, 2018
.eslintrc.js 💥 Jun 18, 2018
.gitignore 💥 Jun 18, 2018
CHANGELOG.md chore(release): 2.0.0 Mar 22, 2019
LICENSE 💥 Jun 18, 2018
README.md docs(SSR): Added SSR-config example to README Oct 13, 2018
package-lock.json chore(release): 2.0.0 Mar 22, 2019
package.json build(npm): added codecov script Mar 22, 2019

README.md

nuxt-mq

npm (scoped with tag) npm CircleCI Codecov Dependencies js-standard-style

📖 Release Notes

Features

vue-mq module for Nuxt.js.

Setup

  • Add nuxt-mq dependency using yarn or npm to your project
  • Add nuxt-mq to modules section of nuxt.config.js
{
  modules: [
    // Simple usage
    [
      'nuxt-mq',
      {
        // Default breakpoint for SSR
        defaultBreakpoint: 'default',
        breakpoints: {
          sm: 450,
          md: 1250,
          lg: Infinity
        }
      }
    ]
  ];
}

using top level options

{
  modules: [
    ['nuxt-mq']
  ],

 'mq': {
    defaultBreakpoint: 'default',
    breakpoints: {
      sm: 450,
      md: 1250,
      lg: Infinity,
    }
  }
}

Usage

Click here for all options and features of vue-mq.

Development

  • Clone this repository
  • Install dependencies using yarn install or npm install
  • Start development server using npm run dev or with Node debugging on npm run dev-debug

License

MIT License

Copyright (c) Maarten Van Hoof

Credits

  1. vue-mq for providing the plugin.
  2. @nuxtjs for providing a excellent example on how to build a basic Nuxt.js module.
You can’t perform that action at this time.