From 259a45cc1488915907ebe371351b4321c8b05921 Mon Sep 17 00:00:00 2001 From: Alexandre Geissmann Date: Wed, 12 Dec 2018 13:04:24 -0500 Subject: [PATCH] update readme --- README.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/README.md b/README.md index 1a12ac9..d9e7adb 100644 --- a/README.md +++ b/README.md @@ -10,6 +10,7 @@ _ - [Installation](#installation) - [Usage](#usage) +- [SSR Support](#ssr-support) - [Browser Support](#browser-support) - [Support](#support) @@ -43,6 +44,7 @@ Vue.use(VueMq, { md: 1250, lg: Infinity, } + defaultBreakpoint: 'sm' // customize this for SSR }) ``` #### Use `$mq` property @@ -113,6 +115,9 @@ mq => required : String | Array *Important*: note that you can append a `+` modifier at the end of the string to specify that the conditional rendering happens for all greater breakpoints. +## SSR Support +v1.0+ now supports SSR. You can customize the `defaultBreakpoint` which let you set the breakpoint used by the server-side-rendering + ## Browser Support This plugin relies on matchMedia API to detect screensize change. So for older browsers and IE, you should polyfill this out: Paul Irish: [matchMedia polyfill](https://github.com/paulirish/matchMedia.js)