Vue.js Component For Composing CSS Breakpoint State

Install

$ npm install --save vue-breakpoint-component

Usage

To use the component in your templates, simply import and register with your component:

Script

import { VBreakpoint } from 'vue-breakpoint-component'

export default {
  components: {
    VBreakpoint
  }
}

Template

<v-breakpoint>
  <div slot-scope="scope">
    <span v-if="scope.isSmall"  style="font-size: 2rem">