fix: add TOC to README. Closes #8 (#11)

* Add Table of Contents

Closes #8

* Fix spacing in TOC.

Love it!

Author: amirrustam

README.md

@@ -15,6 +15,29 @@
 
 * How is this different from [vue-test-utils](https://vue-test-utils.vuejs.org/en/)? It is similar in functionality BUT runs the component in the real browser with full power of Cypress E2E test runner: [live GUI, full API, screen recording, CI support, cross-platform](https://www.cypress.io/features/).
 
+## Table of Contents
+
+[Install](#install)
+
+[Use](#use)
+- [Options](#options)
+- [Global Vue Extensions](#global-vue-extensions)
+- [The Intro Example](#intro-example)
+- [The List Example](#list-example)
+- [Handling User Input](#handling-user-input)
+- [Component Example](#component-example)
+- [Spying Example](#spying-example)
+- [XHR Spying and Stubbing](#xhr-spying-stubbing)
+- [Spying On `window.alert`](#spying-window-alert)
+
+[Bundling](#bundling)
+- [Short Way](#short-way)
+- [Manual](#manual)
+
+[FAQ](#faq)
+
+<a name="install"/>
+
 ## Install
 
 Requires [Node](https://nodejs.org/en/) version 6 or above.
@@ -23,6 +46,8 @@ Requires [Node](https://nodejs.org/en/) version 6 or above.
 npm install --save-dev cypress cypress-vue-unit-test
 ```
 
+<a name="use"/>
+
 ## Use
 
 Before each test, inject your component to test
@@ -40,6 +65,8 @@ describe('My Vue', () => {
 
 See examples below for details.
 
+<a name="options"/>
+
 ### Options
 
 See [cypress/integration/options-spec.js](cypress/integration/options-spec.js)
@@ -78,6 +105,8 @@ const options = {
 beforeEach(mountVue(/* my Vue code */, options))
 ```
 
+<a name="global-vue-extensions"/>
+
 ### Global Vue extensions
 
 You can pass extensions (global components, mixins, modules to use)
@@ -150,6 +179,8 @@ it('calls mixin "created" method', () => {
 See [Vue global mixin docs](https://vuejs.org/v2/guide/mixins.html#Global-Mixin)
 and [mixin-spec.js](cypress/integration/mixin-spec.js)
 
+<a name="intro-example"/>
+
 ### The intro example
 
 Take a look at the first Vue v2 example:
@@ -215,6 +246,8 @@ the reference `Cypress.vue.$data` and via GUI. The full power of the
 
 ![Hello world tested](images/spec.png)
 
+<a name="list-example"/>
+
 ### The list example
 
 There is a list example next in the Vue docs.
@@ -280,6 +313,8 @@ describe('Declarative rendering', () => {
 
 ![List tested](images/list-spec.png)
 
+<a name="handling-user-input"/>
+
 ### Handling User Input
 
 The next section in the Vue docs starts with [reverse message example](https://vuejs.org/v2/guide/#Handling-User-Input).
@@ -346,6 +381,8 @@ because it is really running!
 
 ![Reverse input](images/reverse-spec.gif)
 
+<a name="component-example"/>
+
 ### Component example
 
 Let us test a complex example. Let us test a [single file Vue component](https://vuejs.org/v2/guide/single-file-components.html). Here is the [Hello.vue](Hello.vue) file
@@ -401,6 +438,8 @@ describe('Several components', () => {
 })
 ```
 
+<a name="spying-example"/>
+
 ### Spying example
 
 Button counter component is used in several Vue doc examples
@@ -472,6 +511,8 @@ and is emitting an event.
 
 [cypress.io]: https://www.cypress.io/
 
+<a name="xhr-spying-stubbing"/>
+
 ### XHR spying and stubbing
 
 The mount function automatically wraps XMLHttpRequest giving you an ability to intercept XHR requests your component might do. For full documentation see [Network Requests](https://on.cypress.io/network-requests). In this repo see [components/AjaxList.vue](components/AjaxList.vue) and the corresponding tests [cypress/integration/ajax-list-spec.js](cypress/integration/ajax-list-spec.js).
@@ -501,14 +542,20 @@ it('can display mock XHR response', () => {
 })
 ```
 
+<a name="spying-window-alert"/>
+
 ### Spying on `window.alert`
 
 Calls to `window.alert` are automatically recorded, but do not show up. Instead you can spy on them, see [AlertMessage.vue](components/AlertMessage.vue) and its test [cypress/integration/alert-spec.js](cypress/integration/alert-spec.js)
 
+<a name="bundling"/>
+
 ## Bundling
 
 How do we load this Vue file into the testing code? Using webpack preprocessor.
 
+<a name="short-way"/>
+
 ### Short way
 
 Your project probably already has `webpack.config.js` setup to transpile
@@ -527,6 +574,8 @@ module.exports = on => {
 
 Cypress should be able to import `.vue` files in the tests
 
+<a name="manual"/>
+
 ### Manual
 
 Using [@cypress/webpack-preprocessor](https://github.com/cypress-io/cypress-webpack-preprocessor#readme) and [vue-loader](https://github.com/vuejs/vue-loader).
@@ -582,6 +631,8 @@ describe('Hello.vue', () => {
 })
 ```
 
+<a name="#faq"/>
+
 ## FAQ
 
 - If your component's static assets are not loading, you probably need