Merge branch 'master' into customizable-text

docs/.vuepress/components/CodePen.vue

@@ -19,6 +19,7 @@ export default {
       required: true,
     },
     height: {
+      type: [String, Number],
       default: 250,
     },
   },

docs/.vuepress/components/Contributors.vue

@@ -1,6 +1,9 @@
 <template>
   <ul>
-    <li v-for="{ login, avatar_url, html_url, contributions } in contributors">
+    <li
+      v-for="{ login, avatar_url, html_url, contributions } in contributors"
+      :key="login"
+    >
       <img :src="`${avatar_url}&s=75`" :alt="`${login}'s Avatar`" />
       <div>
         <a :href="html_url">@{{ login }}</a>

docs/.vuepress/components/LoopedSelect.vue

@@ -4,7 +4,7 @@
       <th>Name</th>
       <th>Country</th>
     </tr>
-    <tr v-for="person in people">
+    <tr v-for="person in people" :key="person.name">
       <td>{{ person.name }}</td>
       <td>
         <v-select

docs/.vuepress/components/Sandbox.vue

@@ -188,11 +188,11 @@
             v-bind="configuration"
             placeholder="country objects, using option scoped slots"
           >
-            <template slot="selected-option" slot-scope="{ label, value }">
+            <template slot="selected-option" slot-scope="option">
-              {{ label }} -- {{ value }}
+              {{ option.label }} -- {{ option.value }}
             </template>
-            <template slot="option" slot-scope="{ label, value }">
+            <template slot="option" slot-scope="option">
-              {{ label }} ({{ value }})
+              {{ option.label }} ({{ option.value }})
             </template>
           </v-select>
         </div>

docs/.vuepress/components/SlotNoOptions.vue

@@ -1,5 +1,6 @@
 <template>
   <v-select>
+    <!-- eslint-disable-next-line vue/no-unused-vars  -->
     <template #no-options="{ search, searching, loading }">
       This is the no options slot.
     </template>

docs/.vuepress/components/SlotSelectedOptionContainer.vue

@@ -1,4 +1,5 @@
 <template>
+  <!-- eslint-disable vue/no-unused-vars  -->
   <v-select :options="books" label="title">
     <template
       #selected-option-container="{ option, deselect, multiple, disabled }"

docs/.vuepress/components/Sponsors.vue

@@ -1,6 +1,6 @@
 <template>
   <ul>
-    <li v-for="{ createdAt, login, avatarUrl } in sponsors">
+    <li v-for="{ createdAt, login, avatarUrl } in sponsors" :key="login">
       <img :src="avatarUrl + '&s=150'" :alt="`@${login}'s avatar`" />
       <p>
         <a :href="`https://github.com/${login}`">@{{ login }}</a> <br />

src/directives/appendToBody.js

@@ -7,8 +7,10 @@ export default {
         left,
         width,
       } = context.$refs.toggle.getBoundingClientRect()
+
       let scrollX = window.scrollX || window.pageXOffset
       let scrollY = window.scrollY || window.pageYOffset
+
       el.unbindPosition = context.calculatePosition(el, context, {
         width: width + 'px',
         left: scrollX + left + 'px',