From ba5d5ef5d9816b427bf827bdb1e8d7106297ce80 Mon Sep 17 00:00:00 2001
From: Stuart MacKay <smackay@flagstonesoftware.com>
Date: Tue, 24 Jul 2018 22:00:38 +0100
Subject: [PATCH 1/2] Added a ref directive to the input field.

A ref directive was added to the input field to allow it to be referenced
from outside the component, for example to set input focus. If a ref
directive is added to the v-autocomplete component you can reference the
input field inside the component like this:

    this.$refs['autocomplete'].$refs['input'].focus()

where 'autocomplete' is the component ref and 'input' is the input field
ref. A name of 'input' was used since it's obvious what it refers to and
there are not other refs in the component thta it might clash with.
---
 src/Autocomplete.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Autocomplete.vue b/src/Autocomplete.vue
index 2d8662c..fd37c19 100644
--- a/src/Autocomplete.vue
+++ b/src/Autocomplete.vue
@@ -1,7 +1,7 @@
 <template lang="html">
   <div class="v-autocomplete">
     <div class="v-autocomplete-input-group" :class="{'v-autocomplete-selected': value}">
-      <input type="search" v-model="searchText" v-bind="inputAttrs" 
+      <input type="search" v-model="searchText" v-bind="inputAttrs" ref="input"
             :class="inputAttrs.class || inputClass"
             :placeholder="inputAttrs.placeholder || placeholder"
             :disabled="inputAttrs.disabled || disabled"

From 95df510a74becc584a84b64968aa2e38edcf7bca Mon Sep 17 00:00:00 2001
From: Stuart MacKay <smackay@flagstonesoftware.com>
Date: Wed, 25 Jul 2018 08:57:44 +0100
Subject: [PATCH 2/2] Added documentation for ref on input field

---
 README.md | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/README.md b/README.md
index a877e57..8c22159 100644
--- a/README.md
+++ b/README.md
@@ -134,6 +134,28 @@ Events
 | **blur**          | *text*: Text of search input | Triggered on blur in the search input                 |
 | **focus**         | *text*: Text of search input | Triggered on focus in the search input                |
 
+Refs
+----
+There is a single ref directive named 'input' on the input field, which can 
+be used, for example, to set focus on the field:
+
+```html
+<template>
+  <v-autocomplete ref="my-autocomplete" ...>
+  </v-autocomplete>
+</template>
+
+<script>
+  ... 
+  methods: {
+    setFocus () {
+      this.$refs['my-autocomplete'].$refs['input'].focus()
+    }
+  }
+  ...
+</script>
+```
+
 What about appearence?
 ----------------------