Demo and doc for v0.3

Author: Łukasz Florczak

README.md

@@ -56,14 +56,15 @@ Every first-level child of `<agile>` is a new slide.
 | autoplaySpeed | integer (ms) | `3000` | Autoplay interval in milliseconds | 
 | dots | boolean | `true` | Enable dot indicators/pagination |
 | fade | boolean | `false` | Enable fade effect |
-| infinite | boolen | `true` | Infinite loop sliding | 
+| infinite | boolean | `true` | Infinite loop sliding | 
 | mobileFirst | boolean | `true` | Enable mobile first calculation for responsive settings |
 | options | object | `null` | All settings as one object | 
 | pauseOnHover | boolean | `true` | Pause autoplay when a slide is hovered |
 | pauseOnDotsHover | boolean | `false` | Pause autoplay when a dot is hovered |
 | responsive | object | `null` | Object containing breakpoints and settings objects | 
 | speed | integer (ms) | `300` | Slide animation speed in milliseconds | 
 | timing | string | `ease` | Transition timing function <br> (`linear`/`ease`/`ease-in`/`ease-out`/`ease-in-out`) |
+| unagile | boolean | `false` | Disable agile carousel | 
 
 ### Example
 

demo/App.vue

@@ -4,7 +4,7 @@
             <div class="container">
                 <div class="row">
                     <div class="col-xs-12">
-                        <h1 class="section__title">Demo of <strong>vue-agile</strong><span class="badge">0.2</span></h1>
+                        <h1 class="section__title">Demo of <strong>vue-agile</strong><span class="badge">0.3</span></h1>
                         <p class="section__description">vue-agile is a carousel component for Vue.js inspired by Slick. Simple, touch-friendly, written in Vue and Vanilla JS (without jQuery dependency).</p>
 
                         <div class="gh-buttons visible-md">
@@ -39,7 +39,7 @@
 
                 <div class="row">
                     <div class="col-xs-12">
-                        <agile>
+                        <agile :options="options">
                             <div class="slide slide--1"><h3>slide 1</h3></div>
                             <div class="slide slide--2"><h3>slide 2</h3></div>
                             <div class="slide slide--3"><h3>slide 3</h3></div>