From 3ee70abc92a7be63c9948fbce13b343cda381609 Mon Sep 17 00:00:00 2001
From: Dmitry Sharshakov <d3dx12.xx@gmail.com>
Date: Wed, 12 Jun 2019 02:37:29 +0300
Subject: [PATCH 1/7] docs(VForm): update examples (#7447)

* docs(VForm): sort examples

* docs(VForm): drop unused example

* docs(VForm): clean up validationWithSubmitAndClear layout

* docs(VForm): fix veeValidate layout

* docs(VForm): fix vuelidate layout

* docs(VForm): add playground
---
 .../docs/src/data/pages/components/Forms.json |  17 ++-
 .../forms/{ => intermediate}/veeValidate.vue  |   2 +-
 .../forms/{ => intermediate}/vuelidate.vue    |   2 +-
 .../docs/src/examples/forms/playground.vue    | 108 ++++++++++++++++++
 .../src/examples/forms/{ => simple}/rules.vue |   0
 .../validationWithSubmitAndClear.vue          |   2 +
 .../src/examples/forms/submitAndClear.vue     |  75 ------------
 7 files changed, 125 insertions(+), 81 deletions(-)
 rename packages/docs/src/examples/forms/{ => intermediate}/veeValidate.vue (97%)
 rename packages/docs/src/examples/forms/{ => intermediate}/vuelidate.vue (98%)
 create mode 100644 packages/docs/src/examples/forms/playground.vue
 rename packages/docs/src/examples/forms/{ => simple}/rules.vue (100%)
 rename packages/docs/src/examples/forms/{ => simple}/validationWithSubmitAndClear.vue (97%)
 delete mode 100644 packages/docs/src/examples/forms/submitAndClear.vue

diff --git a/packages/docs/src/data/pages/components/Forms.json b/packages/docs/src/data/pages/components/Forms.json
index cdf6d73c30b..afa6330947a 100644
--- a/packages/docs/src/data/pages/components/Forms.json
+++ b/packages/docs/src/data/pages/components/Forms.json
@@ -21,16 +21,25 @@
         }
       ]
     },
+    {
+      "type": "section",
+      "children": [
+        {
+          "type": "playground",
+          "value": "playground"
+        }
+      ]
+    },
     {
       "type": "section",
       "children": [
         {
           "type": "examples",
           "value": [
-            "rules",
-            "validationWithSubmitAndClear",
-            "vuelidate",
-            "veeValidate"
+            "simple/rules",
+            "simple/validationWithSubmitAndClear",
+            "intermediate/vuelidate",
+            "intermediate/veeValidate"
           ]
         }
       ]
diff --git a/packages/docs/src/examples/forms/veeValidate.vue b/packages/docs/src/examples/forms/intermediate/veeValidate.vue
similarity index 97%
rename from packages/docs/src/examples/forms/veeValidate.vue
rename to packages/docs/src/examples/forms/intermediate/veeValidate.vue
index 4e4e4537dfe..b5616a6ae60 100644
--- a/packages/docs/src/examples/forms/veeValidate.vue
+++ b/packages/docs/src/examples/forms/intermediate/veeValidate.vue
@@ -37,7 +37,7 @@
       required
     ></v-checkbox>
 
-    <v-btn @click="submit">submit</v-btn>
+    <v-btn class="mr-3" @click="submit">submit</v-btn>
     <v-btn @click="clear">clear</v-btn>
   </form>
 </template>
diff --git a/packages/docs/src/examples/forms/vuelidate.vue b/packages/docs/src/examples/forms/intermediate/vuelidate.vue
similarity index 98%
rename from packages/docs/src/examples/forms/vuelidate.vue
rename to packages/docs/src/examples/forms/intermediate/vuelidate.vue
index 2f3b097c04a..fa102c23392 100644
--- a/packages/docs/src/examples/forms/vuelidate.vue
+++ b/packages/docs/src/examples/forms/intermediate/vuelidate.vue
@@ -35,7 +35,7 @@
       @blur="$v.checkbox.$touch()"
     ></v-checkbox>
 
-    <v-btn @click="submit">submit</v-btn>
+    <v-btn class="mr-3" @click="submit">submit</v-btn>
     <v-btn @click="clear">clear</v-btn>
   </form>
 </template>
diff --git a/packages/docs/src/examples/forms/playground.vue b/packages/docs/src/examples/forms/playground.vue
new file mode 100644
index 00000000000..8652645028b
--- /dev/null
+++ b/packages/docs/src/examples/forms/playground.vue
@@ -0,0 +1,108 @@
+<template>
+  <v-layout column align-center>
+    <v-layout row wrap justify-space-around>
+      <v-switch v-model="valid" class="ma-3" label="Valid" readonly></v-switch>
+      <v-switch v-model="lazy" class="ma-3" label="Lazy"></v-switch>
+    </v-layout>
+    <v-form
+      ref="form"
+      v-model="valid"
+      :lazy-validation="lazy"
+    >
+      <v-text-field
+        v-model="name"
+        :counter="10"
+        :rules="nameRules"
+        label="Name"
+        required
+      ></v-text-field>
+
+      <v-text-field
+        v-model="email"
+        :rules="emailRules"
+        label="E-mail"
+        required
+      ></v-text-field>
+
+      <v-select
+        v-model="select"
+        :items="items"
+        :rules="[v => !!v || 'Item is required']"
+        label="Item"
+        required
+      ></v-select>
+
+      <v-checkbox
+        v-model="checkbox"
+        :rules="[v => !!v || 'You must agree to continue!']"
+        label="Do you agree?"
+        required
+      ></v-checkbox>
+
+      <v-btn
+        :disabled="!valid"
+        color="success"
+        @click="validate"
+        class="mr-3"
+      >
+        Validate
+      </v-btn>
+
+      <v-btn
+        color="error"
+        @click="reset"
+        class="mr-3"
+      >
+        Reset Form
+      </v-btn>
+
+      <v-btn
+        color="warning"
+        @click="resetValidation"
+      >
+        Reset Validation
+      </v-btn>
+    </v-form>
+  </v-layout>
+</template>
+
+<script>
+  export default {
+    data: () => ({
+      valid: true,
+      name: '',
+      nameRules: [
+        v => !!v || 'Name is required',
+        v => (v && v.length <= 10) || 'Name must be less than 10 characters',
+      ],
+      email: '',
+      emailRules: [
+        v => !!v || 'E-mail is required',
+        v => /.+@.+\..+/.test(v) || 'E-mail must be valid',
+      ],
+      select: null,
+      items: [
+        'Item 1',
+        'Item 2',
+        'Item 3',
+        'Item 4',
+      ],
+      checkbox: false,
+      lazy: false,
+    }),
+
+    methods: {
+      validate () {
+        if (this.$refs.form.validate()) {
+          this.snackbar = true
+        }
+      },
+      reset () {
+        this.$refs.form.reset()
+      },
+      resetValidation () {
+        this.$refs.form.resetValidation()
+      },
+    },
+  }
+</script>
diff --git a/packages/docs/src/examples/forms/rules.vue b/packages/docs/src/examples/forms/simple/rules.vue
similarity index 100%
rename from packages/docs/src/examples/forms/rules.vue
rename to packages/docs/src/examples/forms/simple/rules.vue
diff --git a/packages/docs/src/examples/forms/validationWithSubmitAndClear.vue b/packages/docs/src/examples/forms/simple/validationWithSubmitAndClear.vue
similarity index 97%
rename from packages/docs/src/examples/forms/validationWithSubmitAndClear.vue
rename to packages/docs/src/examples/forms/simple/validationWithSubmitAndClear.vue
index 9f618f3f5de..6fd430ad311 100644
--- a/packages/docs/src/examples/forms/validationWithSubmitAndClear.vue
+++ b/packages/docs/src/examples/forms/simple/validationWithSubmitAndClear.vue
@@ -38,6 +38,7 @@
       :disabled="!valid"
       color="success"
       @click="validate"
+      class="mr-3"
     >
       Validate
     </v-btn>
@@ -45,6 +46,7 @@
     <v-btn
       color="error"
       @click="reset"
+      class="mr-3"
     >
       Reset Form
     </v-btn>
diff --git a/packages/docs/src/examples/forms/submitAndClear.vue b/packages/docs/src/examples/forms/submitAndClear.vue
deleted file mode 100644
index 0c74d227d3b..00000000000
--- a/packages/docs/src/examples/forms/submitAndClear.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-  <v-form ref="form" v-model="valid" lazy-validation>
-    <v-text-field
-      v-model="name"
-      :rules="nameRules"
-      :counter="10"
-      label="Name"
-      required
-    ></v-text-field>
-    <v-text-field
-      v-model="email"
-      :rules="emailRules"
-      label="E-mail"
-      required
-    ></v-text-field>
-    <v-select
-      v-model="select"
-      :items="items"
-      :rules="[v => !!v || 'Item is required']"
-      label="Item"
-      required
-    ></v-select>
-    <v-checkbox
-      v-model="checkbox"
-      :rules="[v => !!v || 'You must agree to continue!']"
-      label="Do you agree?"
-      required
-    ></v-checkbox>
-
-    <v-btn
-      :disabled="!valid"
-      @click="submit"
-    >
-      submit
-    </v-btn>
-    <v-btn @click="clear">clear</v-btn>
-  </v-form>
-</template>
-
-<script>
-  export default {
-    data: () => ({
-      valid: true,
-      name: '',
-      nameRules: [
-        v => !!v || 'Name is required',
-        v => (v && v.length <= 10) || 'Name must be less than 10 characters',
-      ],
-      email: '',
-      emailRules: [
-        v => !!v || 'E-mail is required',
-        v => /.+@.+/.test(v) || 'E-mail must be valid',
-      ],
-      select: null,
-      items: [
-        'Item 1',
-        'Item 2',
-        'Item 3',
-        'Item 4',
-      ],
-      checkbox: false,
-    }),
-
-    methods: {
-      submit () {
-        if (this.$refs.form.validate()) {
-          // Form is valid, process
-        }
-      },
-      clear () {
-        this.$refs.form.reset()
-      },
-    },
-  }
-</script>

From 859be315e48ce54e05a9e044578d757f3a8591b1 Mon Sep 17 00:00:00 2001
From: Elijah Kotyluk <elijah@elijahkotyluk.com>
Date: Tue, 11 Jun 2019 17:34:03 -0700
Subject: [PATCH 2/7] docs(VHover): example updates for 2.0 (#7414)

* docs(VFooter): Add playground section.

* docs(VFooter): Reorganize existing examples.

* docs(VFooter): Update pathing and add absolute.

Update existing example paths, and add absolute example.

* docs(VFooter): Update existing examples.

* docs(VFooter): Add absolute and padless.

Add absolute and padless footer examples.

* docs(VFooter): Add playground example.

Add playground example and update example descriptions.

* docs(VFooter): Fix trailing comma.

* docs(VHover): Add playground section.

* docs(VHover): Update usage example/desc.

* docs(VHover): Add playground file.

* docs(VHover): Add disabled example.

* docs(VFooter): Add playground example.

* docs(VHover): Update hover list example.

* docs(VHover): Update existing examples and add another.

Change width of cards to allow mobile responsiveness. Add open and close delay example and
description. Update descriptions of examples.

* docs(VHover): Fix binded class casing.

* Update packages/docs/src/examples/hover/complex/hoverList.vue

Co-Authored-By: John Leider <john@vuetifyjs.com>

* Update packages/docs/src/examples/hover/complex/hoverList.vue

Co-Authored-By: John Leider <john@vuetifyjs.com>
---
 .../docs/src/data/pages/components/Hover.json |  14 ++-
 .../src/examples/hover/complex/hoverList.vue  | 105 ++++++++++++++++++
 .../hover/{ => complex}/transition.vue        |   0
 .../docs/src/examples/hover/playground.vue    |  76 +++++++++++++
 .../src/examples/hover/simple/disabled.vue    |  21 ++++
 .../hover/simple/openAndCloseDelay.vue        |  41 +++++++
 packages/docs/src/examples/hover/usage.vue    |  64 ++++-------
 .../docs/src/lang/en/components/Hover.json    |  14 ++-
 8 files changed, 288 insertions(+), 47 deletions(-)
 create mode 100644 packages/docs/src/examples/hover/complex/hoverList.vue
 rename packages/docs/src/examples/hover/{ => complex}/transition.vue (100%)
 create mode 100644 packages/docs/src/examples/hover/playground.vue
 create mode 100644 packages/docs/src/examples/hover/simple/disabled.vue
 create mode 100644 packages/docs/src/examples/hover/simple/openAndCloseDelay.vue

diff --git a/packages/docs/src/data/pages/components/Hover.json b/packages/docs/src/data/pages/components/Hover.json
index eb2b10b18be..3f68cf5f2e0 100644
--- a/packages/docs/src/data/pages/components/Hover.json
+++ b/packages/docs/src/data/pages/components/Hover.json
@@ -21,13 +21,25 @@
         }
       ]
     },
+    {
+      "type": "section",
+      "children": [
+        {
+          "type": "playground",
+          "value": "playground"
+        }
+      ]
+    },
     {
       "type": "section",
       "children": [
         {
           "type": "examples",
           "value": [
-            "transition"
+            "simple/disabled",
+            "simple/openAndCloseDelay",
+            "complex/hoverList",
+            "complex/transition"
           ]
         }
       ]
diff --git a/packages/docs/src/examples/hover/complex/hoverList.vue b/packages/docs/src/examples/hover/complex/hoverList.vue
new file mode 100644
index 00000000000..fa2a71593e4
--- /dev/null
+++ b/packages/docs/src/examples/hover/complex/hoverList.vue
@@ -0,0 +1,105 @@
+<template>
+  <v-container grid-list-md text-xs-center fill-height class="pa-3">
+    <v-layout align-center justify-center row wrap fill-height>
+      <template v-for="(item, i) in items">
+        <v-flex
+          :key="i"
+          xs12
+          sm4
+        >
+          <v-hover>
+            <v-card
+              slot-scope="{ hover }"
+              :elevation="hover ? 12 : 2"
+              :class="{ 'on-hover': hover }"
+            >
+              <v-img
+                :src="item.img"
+                height="225px"
+              >
+                <v-card-title class="title white--text fill-height">
+                  <v-layout
+                    fill-height
+                    column
+                    justify-space-between
+                  >
+                    <p class="mt-3 subheading text-xs-left">{{ item.title }}</p>
+
+                    <div>
+                      <p class="ma-0 body-1 font-weight-bold font-italic text-xs-left">
+                        {{ item.text }}
+                      </p>
+                      <p class="caption font-weight-medium font-italic text-xs-left">
+                        {{ item.subtext }}
+                      </p>
+                    </div>
+
+                    <div class="align-self-center">
+                      <v-btn
+                        v-for="(icon, index) in icons"
+                        :key="index"
+                        :class="{ 'show-btns': hover }"
+                        color="transparent"
+                        icon
+                      >
+                        <v-icon
+                          :class="{ 'show-btns': hover }"
+                          color="transparent"
+                        >
+                          {{ icon }}
+                        </v-icon>
+                      </v-btn>
+                    </div>
+                  </v-layout>
+                </v-card-title>
+              </v-img>
+            </v-card>
+          </v-hover>
+        </v-flex>
+      </template>
+    </v-layout>
+  </v-container>
+</template>
+
+<script>
+  export default {
+    data: () => ({
+      icons: ['fast_rewind', 'play_arrow', 'fast_forward'],
+      items: [
+        {
+          title: 'New Releases',
+          text: "It's New Release Friday",
+          subtext: 'Newly released songs. Updated daily.',
+          img: 'http://lorempixel.com/output/nightlife-q-c-640-480-5.jpg',
+        },
+        {
+          title: 'Rock',
+          text: 'Greatest Rock Hits',
+          subtext: 'Lose yourself in rock tunes.',
+          img: 'https://images.unsplash.com/photo-1498038432885-c6f3f1b912ee?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80',
+        },
+        {
+          title: 'Mellow Moods',
+          text: 'Ambient Bass',
+          subtext: 'Chill beats to mellow you out.',
+          img: 'http://lorempixel.com/output/abstract-q-c-640-480-6.jpg',
+        },
+      ],
+      transparent: 'rgba(255, 255, 255, 0)',
+    }),
+  }
+</script>
+
+<style scoped>
+.v-card {
+  transition: opacity .4s ease-in-out;
+}
+
+.v-card:not(.on-hover) {
+  opacity: 0.6;
+ }
+
+.show-btns {
+  color: rgba(255, 255, 255, 1) !important;
+}
+</style>
diff --git a/packages/docs/src/examples/hover/transition.vue b/packages/docs/src/examples/hover/complex/transition.vue
similarity index 100%
rename from packages/docs/src/examples/hover/transition.vue
rename to packages/docs/src/examples/hover/complex/transition.vue
diff --git a/packages/docs/src/examples/hover/playground.vue b/packages/docs/src/examples/hover/playground.vue
new file mode 100644
index 00000000000..b1e8037d15a
--- /dev/null
+++ b/packages/docs/src/examples/hover/playground.vue
@@ -0,0 +1,76 @@
+<template>
+  <div class="pa-3 grey lighten-4">
+    <v-layout row>
+      <v-flex xs12 sm6 offset-sm3>
+        <v-hover
+          :open-delay="openDelay"
+          :close-delay="closeDelay"
+          :disabled="disabled"
+          :value="value"
+        >
+          <v-card
+            slot-scope="{ hover }"
+            :elevation="hover ? 12 : 2"
+            height="300"
+            max-width="350"
+            class="mx-auto"
+          >
+            <v-card-text class="my-3 text-xs-center title">Hover over me!</v-card-text>
+          </v-card>
+        </v-hover>
+      </v-flex>
+    </v-layout>
+
+    <v-layout
+      align-center
+      justify-center
+    >
+      <v-flex
+        xs12
+        md6
+      >
+        <v-radio-group row>
+          <v-checkbox
+            v-model="disabled"
+            label="Disabled"
+            class="mx-2"
+          >
+          </v-checkbox>
+          <v-checkbox
+            v-model="value"
+            label="Value"
+            class="mx-2"
+          >
+          </v-checkbox>
+        </v-radio-group>
+
+        <v-slider
+          v-model="openDelay"
+          label="Open Delay"
+          min="0"
+          max="1000"
+          thumb-label
+        ></v-slider>
+
+        <v-slider
+          v-model="closeDelay"
+          label="Close Delay"
+          min="0"
+          max="1000"
+          thumb-label
+        ></v-slider>
+      </v-flex>
+    </v-layout>
+  </div>
+</template>
+
+<script>
+  export default {
+    data: () => ({
+      disabled: false,
+      openDelay: '0',
+      closeDelay: '0',
+      value: false,
+    }),
+  }
+</script>
diff --git a/packages/docs/src/examples/hover/simple/disabled.vue b/packages/docs/src/examples/hover/simple/disabled.vue
new file mode 100644
index 00000000000..b4149ee49f2
--- /dev/null
+++ b/packages/docs/src/examples/hover/simple/disabled.vue
@@ -0,0 +1,21 @@
+<template>
+  <v-layout
+    align-center
+    justify-center
+    row
+  >
+    <v-flex xs12>
+      <v-hover disabled>
+        <v-card
+          slot-scope="{ hover }"
+          :elevation="hover ? 12 : 2"
+          class="mx-auto"
+          height="350"
+          max-width="350"
+        >
+          <v-card-text class="my-3 text-xs-center title">Hover over me!</v-card-text>
+        </v-card>
+      </v-hover>
+    </v-flex>
+  </v-layout>
+</template>
diff --git a/packages/docs/src/examples/hover/simple/openAndCloseDelay.vue b/packages/docs/src/examples/hover/simple/openAndCloseDelay.vue
new file mode 100644
index 00000000000..c144c2a40cd
--- /dev/null
+++ b/packages/docs/src/examples/hover/simple/openAndCloseDelay.vue
@@ -0,0 +1,41 @@
+<template>
+  <v-layout row wrap>
+    <v-flex
+      xs12
+      sm6
+    >
+      <v-hover open-delay="200">
+        <v-card
+          slot-scope="{ hover }"
+          :elevation="hover ? 16 : 2"
+          class="mx-auto"
+          height="350"
+          max-width="350"
+        >
+          <v-card-text class="font-weight-medium mt-5 text-xs-center subtitle-1">
+            Open Delay (Mouse enter)
+          </v-card-text>
+        </v-card>
+      </v-hover>
+    </v-flex>
+
+    <v-flex
+      xs12
+      sm6
+    >
+      <v-hover close-delay="200">
+        <v-card
+          slot-scope="{ hover }"
+          :elevation="hover ? 16 : 2"
+          class="mx-auto"
+          height="350"
+          max-width="350"
+        >
+          <v-card-text class="font-weight-medium mt-5 text-xs-center subtitle-1">
+            Close Delay (Mouse leave)
+          </v-card-text>
+        </v-card>
+      </v-hover>
+    </v-flex>
+  </v-layout>
+</template>
diff --git a/packages/docs/src/examples/hover/usage.vue b/packages/docs/src/examples/hover/usage.vue
index 31b34036530..3df1c101109 100644
--- a/packages/docs/src/examples/hover/usage.vue
+++ b/packages/docs/src/examples/hover/usage.vue
@@ -1,47 +1,21 @@
 <template>
-  <v-hover>
-    <v-card
-      slot-scope="{ hover }"
-      :elevation="hover ? 12 : 2"
-      class="mx-auto"
-      width="344"
-    >
-      <v-img
-        :aspect-ratio="16/9"
-        src="https://cdn.vuetifyjs.com/images/cards/cooking.png"
-      ></v-img>
-      <v-card-title>
-        <div>
-          <span class="headline">Cafe Badilico</span>
-          <div class="d-flex">
-            <v-rating
-              :value="value"
-              color="amber"
-              dense
-              half-increments
-              readonly
-              size="14"
-            ></v-rating>
-            <div class="ml-2 grey--text text--darken-2">
-              <span>{{ value }}</span>
-              <span>({{ reviews }})</span>
-            </div>
-          </div>
-        </div>
-        <v-spacer></v-spacer>
-        <v-btn icon class="mr-0">
-          <v-icon>mdi-chevron-right</v-icon>
-        </v-btn>
-      </v-card-title>
-    </v-card>
-  </v-hover>
+  <v-layout
+    align-center
+    justify-center
+    row
+  >
+    <v-flex xs12>
+      <v-hover>
+        <v-card
+          slot-scope="{ hover }"
+          :elevation="hover ? 12 : 2"
+          class="mx-auto"
+          height="350"
+          max-width="350"
+        >
+          <v-card-text class="my-3 text-xs-center title">Hover over me!</v-card-text>
+        </v-card>
+      </v-hover>
+    </v-flex>
+  </v-layout>
 </template>
-
-<script>
-  export default {
-    data: () => ({
-      reviews: 413,
-      value: 4.5,
-    }),
-  }
-</script>
diff --git a/packages/docs/src/lang/en/components/Hover.json b/packages/docs/src/lang/en/components/Hover.json
index 1be595603dd..46e46aed6d5 100644
--- a/packages/docs/src/lang/en/components/Hover.json
+++ b/packages/docs/src/lang/en/components/Hover.json
@@ -3,7 +3,19 @@
   "headerText": "The `v-hover` component provides a clean interface for handling hover states for any component.",
   "examples": {
     "usage": {
-      "desc": "Easily change the elevation of a card."
+      "desc": "The `v-hover` component is a wrapper that should contain only one child element, and can trigger an event when hovered over. In order for `v-hover` to work properly, either the `value` prop should be set to `true` or the wrapped element should contain `slot-scope=\"{ wrapper }\"`."
+    },
+    "disabled": {
+      "header": "### Disabled",
+      "desc": "The `disabled` prop disables the hover functionality."
+    },
+    "openAndCloseDelay": {
+      "header": "### Open/Close Delay",
+      "desc": "Delay `v-hover` events by using `open-delay` and `close-delay` props in combination or seperately."
+    },
+    "hoverList": {
+      "header": "### Hover list",
+      "desc": "`v-hover` can be used in combination with `v-for` to make a single item stand out when the user interacts with the list."
     },
     "transition": {
       "header": "### Transitions",

From 32e5f909fd0363802eedee593749cc99f17fee53 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lilian=20Chr=C3=A9tienne?= <lilianchretienne@live.fr>
Date: Wed, 12 Jun 2019 03:00:36 +0200
Subject: [PATCH 3/7] [WIP] docs(VDataIterator): update examples (#7179)

* new data-iterator example/search bar

* docs(description): Add description for the new data iterator example

#7074

* docs(VDataIterator): fix lint commas

* docs(VDataIterator): remove extra comma
---
 .../data/pages/components/DataIterators.json  |   3 +-
 .../src/examples/data-iterators/filter.vue    | 308 ++++++++++++++++++
 .../src/lang/en/components/DataIterator.json  |  34 ++
 .../src/lang/en/components/DataIterators.json |   6 +-
 4 files changed, 349 insertions(+), 2 deletions(-)
 create mode 100644 packages/docs/src/examples/data-iterators/filter.vue
 create mode 100644 packages/docs/src/lang/en/components/DataIterator.json

diff --git a/packages/docs/src/data/pages/components/DataIterators.json b/packages/docs/src/data/pages/components/DataIterators.json
index ffa582f4f59..5d6c5244d72 100644
--- a/packages/docs/src/data/pages/components/DataIterators.json
+++ b/packages/docs/src/data/pages/components/DataIterators.json
@@ -31,7 +31,8 @@
           "type": "examples",
           "value": [
             "slots",
-            "expand"
+            "expand",
+            "filter"
           ]
         }
       ]
diff --git a/packages/docs/src/examples/data-iterators/filter.vue b/packages/docs/src/examples/data-iterators/filter.vue
new file mode 100644
index 00000000000..5f08803d14e
--- /dev/null
+++ b/packages/docs/src/examples/data-iterators/filter.vue
@@ -0,0 +1,308 @@
+<template>
+  <v-container
+    fluid
+    grid-list-md
+  >
+    <v-data-iterator
+      :items="items"
+      :items-per-page.sync="itemsPerPage"
+      :page="page"
+      :search="search"
+      :sort-by="sortBy.toLowerCase()"
+      :sort-desc="sortDesc"
+      hide-actions
+      hide-default-footer
+    >
+      <template v-slot:header>
+        <v-toolbar
+          dark
+          color="blue darken-3"
+          class="mb-1"
+        >
+          <v-text-field
+            v-model="search"
+            clearable
+            flat
+            solo-inverted
+            hide-details
+            prepend-inner-icon="search"
+            label="Search"
+          ></v-text-field>
+          <v-spacer></v-spacer>
+          <v-select
+            v-model="sortBy"
+            flat
+            solo-inverted
+            hide-details
+            :items="keys"
+            prepend-inner-icon="search"
+            label="Sort by"
+          ></v-select>
+          <v-spacer></v-spacer>
+          <v-btn-toggle
+            v-model="sortDesc"
+            mandatory
+          >
+            <v-btn
+              large
+              depressed
+              color="blue"
+              :value="false"
+            >
+              <v-icon>arrow_upward</v-icon>
+            </v-btn>
+            <v-btn
+              large
+              depressed
+              color="blue"
+              :value="true"
+            >
+              <v-icon>arrow_downward</v-icon>
+            </v-btn>
+          </v-btn-toggle>
+        </v-toolbar>
+      </template>
+
+      <template v-slot:default="props">
+        <v-layout
+          row
+          wrap
+        >
+          <v-flex
+            v-for="item in props.items"
+            :key="item.name"
+            xs12
+            sm6
+            md4
+            lg3
+          >
+            <v-card>
+              <v-card-title class="subheading font-weight-bold">{{ item.name }}</v-card-title>
+
+              <v-divider></v-divider>
+
+              <v-list dense>
+                <v-list-tile
+                  v-for="(key, index) in filteredKeys"
+                  :key="index"
+                  :color="sortBy === key ? `blue lighten-4` : `white`"
+                >
+                  <v-list-tile-content>{{ key }}:</v-list-tile-content>
+                  <v-list-tile-content class="align-end">{{ item[key.toLowerCase()] }}</v-list-tile-content>
+                </v-list-tile>
+              </v-list>
+            </v-card>
+          </v-flex>
+        </v-layout>
+      </template>
+
+      <template v-slot:footer>
+        <v-toolbar
+          flat
+          dense
+          color="transparent"
+          class="mt-2"
+        >
+          <span class="grey--text">Items per page</span>
+          <v-menu offset-y>
+            <template v-slot:activator="{ on }">
+              <v-btn
+                dark
+                flat
+                color="primary"
+                class="ml-2"
+                v-on="on"
+              >
+                {{ itemsPerPage }}
+                <v-icon>keyboard_arrow_down</v-icon>
+              </v-btn>
+            </template>
+            <v-list>
+              <v-list-item
+                v-for="(number, index) in itemsPerPageArray"
+                :key="index"
+                @click="updateItemsPerPage(number)"
+              >
+                <v-list-item-title>{{ number }}</v-list-item-title>
+              </v-list-item>
+            </v-list>
+          </v-menu>
+
+          <v-spacer></v-spacer>
+
+          <span
+            class="mr-3
+            grey--text"
+          >
+            Page {{ page }} of {{ numberOfPages }}
+          </span>
+          <v-btn
+            fab
+            dark
+            color="blue darken-3"
+            class="mr-1"
+            @click="formerPage"
+          >
+            <v-icon>keyboard_arrow_left</v-icon>
+          </v-btn>
+          <v-btn
+            fab
+            dark
+            color="blue darken-3"
+            class="ml-1"
+            @click="nextPage"
+          >
+            <v-icon>keyboard_arrow_right</v-icon>
+          </v-btn>
+        </v-toolbar>
+      </template>
+    </v-data-iterator>
+  </v-container>
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        itemsPerPageArray: [4, 8, 12],
+        search: '',
+        filter: {},
+        sortDesc: false,
+        page: 1,
+        itemsPerPage: 4,
+        sortBy: 'name',
+        keys: [
+          'Name',
+          'Calories',
+          'Fat',
+          'Carbs',
+          'Protein',
+          'Sodium',
+          'Calcium',
+          'Iron',
+        ],
+        items: [
+          {
+            name: 'Frozen Yogurt',
+            calories: 159,
+            fat: 6.0,
+            carbs: 24,
+            protein: 4.0,
+            sodium: 87,
+            calcium: '14%',
+            iron: '1%',
+          },
+          {
+            name: 'Ice cream sandwich',
+            calories: 237,
+            fat: 9.0,
+            carbs: 37,
+            protein: 4.3,
+            sodium: 129,
+            calcium: '8%',
+            iron: '1%',
+          },
+          {
+            name: 'Eclair',
+            calories: 262,
+            fat: 16.0,
+            carbs: 23,
+            protein: 6.0,
+            sodium: 337,
+            calcium: '6%',
+            iron: '7%',
+          },
+          {
+            name: 'Cupcake',
+            calories: 305,
+            fat: 3.7,
+            carbs: 67,
+            protein: 4.3,
+            sodium: 413,
+            calcium: '3%',
+            iron: '8%',
+          },
+          {
+            name: 'Gingerbread',
+            calories: 356,
+            fat: 16.0,
+            carbs: 49,
+            protein: 3.9,
+            sodium: 327,
+            calcium: '7%',
+            iron: '16%',
+          },
+          {
+            name: 'Jelly bean',
+            calories: 375,
+            fat: 0.0,
+            carbs: 94,
+            protein: 0.0,
+            sodium: 50,
+            calcium: '0%',
+            iron: '0%',
+          },
+          {
+            name: 'Lollipop',
+            calories: 392,
+            fat: 0.2,
+            carbs: 98,
+            protein: 0,
+            sodium: 38,
+            calcium: '0%',
+            iron: '2%',
+          },
+          {
+            name: 'Honeycomb',
+            calories: 408,
+            fat: 3.2,
+            carbs: 87,
+            protein: 6.5,
+            sodium: 562,
+            calcium: '0%',
+            iron: '45%',
+          },
+          {
+            name: 'Donut',
+            calories: 452,
+            fat: 25.0,
+            carbs: 51,
+            protein: 4.9,
+            sodium: 326,
+            calcium: '2%',
+            iron: '22%',
+          },
+          {
+            name: 'KitKat',
+            calories: 518,
+            fat: 26.0,
+            carbs: 65,
+            protein: 7,
+            sodium: 54,
+            calcium: '12%',
+            iron: '6%',
+          },
+        ],
+      }
+    },
+    computed: {
+      numberOfPages () {
+        return Math.ceil(this.items.length / this.itemsPerPage)
+      },
+      filteredKeys () {
+        return this.keys.filter(key => key !== `Name`)
+      },
+    },
+    methods: {
+      nextPage () {
+        if (this.page + 1 <= this.numberOfPages) this.page += 1
+      },
+      formerPage () {
+        if (this.page - 1 >= 1) this.page -= 1
+      },
+      updateItemsPerPage (number) {
+        this.itemsPerPage = number
+      },
+    },
+  }
+</script>
diff --git a/packages/docs/src/lang/en/components/DataIterator.json b/packages/docs/src/lang/en/components/DataIterator.json
new file mode 100644
index 00000000000..ff1fe9a7b20
--- /dev/null
+++ b/packages/docs/src/lang/en/components/DataIterator.json
@@ -0,0 +1,34 @@
+{
+  "header": "# Data iterator",
+  "headerText": "The `v-data-iterator` component is used for displaying data, and shares a majority of its functionality with the `v-data-table` component. Features include sorting, searching, pagination, and selection.",
+  "examples": {
+    "usage": {
+      "desc": "The `v-data-iterator` allows you to customize exactly how to display your data. In this example we are using a grid list with cards. We can use the `content-tag` prop (along with `content-class` and `content-props`) to specify what the wrapper element around the items should look like."
+    },
+    "slots": {
+      "header": "### Slots",
+      "desc": "The `v-data-iterator` has both a header and footer slot for adding extra content"
+    },
+    "expand": {
+      "header": "### Expand",
+      "desc": "`v-data-iterator` can leverage the power of the `expand` prop and `props.expanded` inside the item slot to control the visibility of item data."
+    },
+    "filter": {
+      "header": "### Filter",
+      "desc": "`v-data-iterator` can receive filters"
+    }
+  },
+  "props": {
+    "contentClass": "Applies a custom class to the wrapper element around items",
+    "contentProps": "Applies custom props to the wrapper element around items",
+    "contentTag": "Specified what tag should be used for the wrapper element around items",
+    "nextIcon": "Mixins.DataIterable.props.nextIcon",
+    "prevIcon": "Mixins.DataIterable.props.prevIcon"
+  },
+  "slots": {
+    "header": "Defines a header above the items"
+  },
+  "events": {
+    "update:pagination": "The `pagination.sync` update event"
+  }
+}
diff --git a/packages/docs/src/lang/en/components/DataIterators.json b/packages/docs/src/lang/en/components/DataIterators.json
index 7ecc7a838cd..24d29916a5a 100644
--- a/packages/docs/src/lang/en/components/DataIterators.json
+++ b/packages/docs/src/lang/en/components/DataIterators.json
@@ -7,11 +7,15 @@
     },
     "slots": {
       "header": "### Slots",
-      "desc": "The `v-data-iterator` has both a header and footer slot for adding extra content"
+      "desc": "The `v-data-iterator` has both a header and footer slot for adding extra content."
     },
     "expand": {
       "header": "### Expand",
       "desc": "The `v-data-iterator` has internal state for both selection and expansion, just like `v-data-table`. In this example we use the methods `isExpanded` and `expand` available on the default scoped slot."
+    },
+    "filter": {
+      "header": "### Filter",
+      "desc": "Order, filters and pagination can be controlled externally by using the individual props"
     }
   },
   "props": {

From eb7d5b343f13ff1bc205aa0fedf6cfbcf711d094 Mon Sep 17 00:00:00 2001
From: Elijah Kotyluk <elijah@elijahkotyluk.com>
Date: Tue, 11 Jun 2019 18:08:24 -0700
Subject: [PATCH 4/7] docs(VOverlay): example updates for 2.0 (#7469)

* docs(VOverlay): Reorganize existing examples

Move advanced to complex dir.

* docs(VOverlay): Add playground section.

* docs(VOverlay): Add complete playground.

* docs(VOverlay): Add absolute example and desc.

* docs(VOverlay): Fix absolute example.

Add color property to v-btn.

* docs(VOverlay): Update VOverlay exampes and desc.

Add z-index and absolute examples and descriptions. Clean up playground.

* docs(VOverlay): Add opacity example and fix absolute.

Add opacity example and description. Fix order of absolute data props.

* docs(VOverlay): Update absolute desc.
---
 .../src/data/pages/components/Overlays.json   | 16 +++-
 .../overlays/{ => complex}/advanced.vue       |  0
 .../overlays/{ => intermediate}/loader.vue    |  0
 .../docs/src/examples/overlays/playground.vue | 74 +++++++++++++++++++
 .../src/examples/overlays/simple/absolute.vue | 36 +++++++++
 .../src/examples/overlays/simple/opacity.vue  | 38 ++++++++++
 .../src/examples/overlays/simple/zIndex.vue   | 33 +++++++++
 .../docs/src/lang/en/components/Overlays.json | 12 +++
 8 files changed, 207 insertions(+), 2 deletions(-)
 rename packages/docs/src/examples/overlays/{ => complex}/advanced.vue (100%)
 rename packages/docs/src/examples/overlays/{ => intermediate}/loader.vue (100%)
 create mode 100644 packages/docs/src/examples/overlays/playground.vue
 create mode 100644 packages/docs/src/examples/overlays/simple/absolute.vue
 create mode 100644 packages/docs/src/examples/overlays/simple/opacity.vue
 create mode 100644 packages/docs/src/examples/overlays/simple/zIndex.vue

diff --git a/packages/docs/src/data/pages/components/Overlays.json b/packages/docs/src/data/pages/components/Overlays.json
index 9a218406d95..fd34ba4b9b9 100644
--- a/packages/docs/src/data/pages/components/Overlays.json
+++ b/packages/docs/src/data/pages/components/Overlays.json
@@ -21,14 +21,26 @@
         }
       ]
     },
+    {
+      "type": "section",
+      "children": [
+        {
+          "type": "playground",
+          "value": "playground"
+        }
+      ]
+    },
     {
       "type": "section",
       "children": [
         {
           "type": "examples",
           "value": [
-            "loader",
-            "advanced"
+            "simple/absolute",
+            "simple/opacity",
+            "simple/zIndex",
+            "intermediate/loader",
+            "complex/advanced"
           ]
         }
       ]
diff --git a/packages/docs/src/examples/overlays/advanced.vue b/packages/docs/src/examples/overlays/complex/advanced.vue
similarity index 100%
rename from packages/docs/src/examples/overlays/advanced.vue
rename to packages/docs/src/examples/overlays/complex/advanced.vue
diff --git a/packages/docs/src/examples/overlays/loader.vue b/packages/docs/src/examples/overlays/intermediate/loader.vue
similarity index 100%
rename from packages/docs/src/examples/overlays/loader.vue
rename to packages/docs/src/examples/overlays/intermediate/loader.vue
diff --git a/packages/docs/src/examples/overlays/playground.vue b/packages/docs/src/examples/overlays/playground.vue
new file mode 100644
index 00000000000..823a6d25993
--- /dev/null
+++ b/packages/docs/src/examples/overlays/playground.vue
@@ -0,0 +1,74 @@
+<template>
+  <v-layout justify-center wrap>
+    <v-flex xs12>
+      <v-layout align-center column>
+        <v-btn
+          class="mt-5"
+          color="primary"
+          @click="overlay = !overlay"
+        >
+          Show Overlay
+        </v-btn>
+
+        <v-overlay
+          :absolute="absolute"
+          :opacity="opacity"
+          :value="overlay"
+          :z-index="zIndex"
+        >
+          <v-btn
+            color="primary"
+            @click="overlay = false"
+          >
+            Hide Overlay
+          </v-btn>
+        </v-overlay>
+      </v-layout>
+    </v-flex>
+
+    <v-layout justify-center row>
+      <v-radio-group row>
+        <v-checkbox
+          v-model="absolute"
+          label="Absolute"
+        ></v-checkbox>
+        <v-checkbox
+          v-model="overlay"
+          class="mx-4"
+          label="value"
+        ></v-checkbox>
+        <v-text-field
+          v-model="opacity"
+          label="Opacity"
+          max="1"
+          min="0"
+          step=".01"
+          style="width: 125px"
+          type="number"
+          @keydown="false"
+        ></v-text-field>
+        <v-text-field
+          v-model="zIndex"
+          label="z-index"
+          max="9999"
+          min="-9999"
+          step="1"
+          style="width: 125px"
+          type="number"
+          @keydown="false"
+        ></v-text-field>
+      </v-radio-group>
+    </v-layout>
+  </v-layout>
+</template>
+
+<script>
+  export default {
+    data: () => ({
+      absolute: false,
+      opacity: 0.46,
+      overlay: false,
+      zIndex: 5,
+    }),
+  }
+</script>
diff --git a/packages/docs/src/examples/overlays/simple/absolute.vue b/packages/docs/src/examples/overlays/simple/absolute.vue
new file mode 100644
index 00000000000..2d540740c2a
--- /dev/null
+++ b/packages/docs/src/examples/overlays/simple/absolute.vue
@@ -0,0 +1,36 @@
+<template>
+  <v-layout column align-center justify-center>
+    <v-card height="300" width="250">
+      <v-layout justify-center wrap>
+        <v-btn
+          color="success"
+          class="mt-5"
+          @click="overlay = !overlay"
+        >
+          Show Overlay
+        </v-btn>
+
+        <v-overlay
+          :absolute="absolute"
+          :value="overlay"
+        >
+          <v-btn
+            color="success"
+            @click="overlay = false"
+          >
+            Hide Overlay
+          </v-btn>
+        </v-overlay>
+      </v-layout>
+    </v-card>
+  </v-layout>
+</template>
+
+<script>
+  export default {
+    data: () => ({
+      absolute: true,
+      overlay: false,
+    }),
+  }
+</script>
diff --git a/packages/docs/src/examples/overlays/simple/opacity.vue b/packages/docs/src/examples/overlays/simple/opacity.vue
new file mode 100644
index 00000000000..49952fef0d0
--- /dev/null
+++ b/packages/docs/src/examples/overlays/simple/opacity.vue
@@ -0,0 +1,38 @@
+<template>
+  <v-layout column align-center justify-center>
+    <v-card height="300" width="250">
+      <v-layout justify-center wrap>
+        <v-btn
+          color="orange lighten-2"
+          class="mt-5"
+          @click="overlay = !overlay"
+        >
+          Show Overlay
+        </v-btn>
+
+        <v-overlay
+          :absolute="absolute"
+          :opacity="opacity"
+          :value="overlay"
+        >
+          <v-btn
+            color="orange lighten-2"
+            @click="overlay = false"
+          >
+            Hide Overlay
+          </v-btn>
+        </v-overlay>
+      </v-layout>
+    </v-card>
+  </v-layout>
+</template>
+
+<script>
+  export default {
+    data: () => ({
+      absolute: true,
+      opacity: 1,
+      overlay: false,
+    }),
+  }
+</script>
diff --git a/packages/docs/src/examples/overlays/simple/zIndex.vue b/packages/docs/src/examples/overlays/simple/zIndex.vue
new file mode 100644
index 00000000000..52586f626a4
--- /dev/null
+++ b/packages/docs/src/examples/overlays/simple/zIndex.vue
@@ -0,0 +1,33 @@
+<template>
+  <v-layout justify-center wrap>
+    <v-btn
+      class="white--text"
+      color="teal"
+      @click="overlay = !overlay"
+    >
+      Show Overlay
+    </v-btn>
+
+    <v-overlay
+      :z-index="zIndex"
+      :value="overlay"
+    >
+      <v-btn
+        class="white--text"
+        color="teal"
+        @click="overlay = false"
+      >
+        Hide Overlay
+      </v-btn>
+    </v-overlay>
+  </v-layout>
+</template>
+
+<script>
+  export default {
+    data: () => ({
+      overlay: false,
+      zIndex: 0,
+    }),
+  }
+</script>
diff --git a/packages/docs/src/lang/en/components/Overlays.json b/packages/docs/src/lang/en/components/Overlays.json
index f6ceb5b34e4..bf021b1466f 100644
--- a/packages/docs/src/lang/en/components/Overlays.json
+++ b/packages/docs/src/lang/en/components/Overlays.json
@@ -5,6 +5,18 @@
     "usage": {
       "desc": "In its simplest form, the `v-overlay` component will add a dimmed layer over your application."
     },
+    "absolute": {
+      "header": "### Absolute",
+      "desc": "`absolute` overlays are positioned absolutely and contained inside of their parent element."
+    },
+    "opacity": {
+      "header": "### Opacity",
+      "desc": "`opacity` allows you to customize the transparency of `v-overlay` components."
+    },
+    "zIndex": {
+      "header": "### Z Index",
+      "desc": "`z-index` gives you the ability to easily change the stack order of the `v-overlay` component."
+    },
     "loader": {
       "header": "### Loader",
       "desc": "Using the `v-overlay` as a background, add a progress component to easily create a custom loader."

From cf0da4b54a5db9b59d85468bfd1824580112b123 Mon Sep 17 00:00:00 2001
From: Jacek Karczmarczyk <jk@drukcd.pl>
Date: Wed, 12 Jun 2019 12:43:47 +0700
Subject: [PATCH 5/7] fix(VExpansionPanel): set proper button type in header

fixes #7471
---
 .../components/VExpansionPanel/VExpansionPanelHeader.ts   | 1 +
 .../__tests__/__snapshots__/VExpansionPanel.spec.ts.snap  | 8 ++++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/vuetify/src/components/VExpansionPanel/VExpansionPanelHeader.ts b/packages/vuetify/src/components/VExpansionPanel/VExpansionPanelHeader.ts
index 6239e3e25e3..bdc3a36a046 100644
--- a/packages/vuetify/src/components/VExpansionPanel/VExpansionPanelHeader.ts
+++ b/packages/vuetify/src/components/VExpansionPanel/VExpansionPanelHeader.ts
@@ -101,6 +101,7 @@ export default baseMixins.extend<options>().extend({
       class: this.classes,
       attrs: {
         tabindex: this.isDisabled ? -1 : null,
+        type: 'button',
       },
       directives: [{
         name: 'ripple',
diff --git a/packages/vuetify/src/components/VExpansionPanel/__tests__/__snapshots__/VExpansionPanel.spec.ts.snap b/packages/vuetify/src/components/VExpansionPanel/__tests__/__snapshots__/VExpansionPanel.spec.ts.snap
index 31a094dfe1d..ce175859c9f 100644
--- a/packages/vuetify/src/components/VExpansionPanel/__tests__/__snapshots__/VExpansionPanel.spec.ts.snap
+++ b/packages/vuetify/src/components/VExpansionPanel/__tests__/__snapshots__/VExpansionPanel.spec.ts.snap
@@ -5,7 +5,9 @@ exports[`VExpansionPanel should hide actions and match snapshot 1`] = `
 <div aria-expanded="false"
      class="v-expansion-panel"
 >
-  <button class="v-expansion-panel-header">
+  <button type="button"
+          class="v-expansion-panel-header"
+  >
   </button>
   <div class="v-expansion-panel-content"
        style="display: none;"
@@ -20,7 +22,9 @@ exports[`VExpansionPanel should hide actions and match snapshot 2`] = `
 <div aria-expanded="false"
      class="v-expansion-panel"
 >
-  <button class="v-expansion-panel-header">
+  <button type="button"
+          class="v-expansion-panel-header"
+  >
     <div class="v-expansion-panel-header__icon">
       <i aria-hidden="true"
          class="v-icon material-icons theme--light"

From e37a642975a9db150d664ebeb55ec84d947d1b4b Mon Sep 17 00:00:00 2001
From: MajesticPotatoe <AMajesticPotatoe@gmail.com>
Date: Wed, 12 Jun 2019 05:37:46 -0400
Subject: [PATCH 6/7] docs(VDataIterator): fix missed example deprications

---
 .../src/examples/data-iterators/expand.vue    | 56 +++++++++----------
 .../src/examples/data-iterators/filter.vue    | 11 ++--
 .../src/examples/data-iterators/slots.vue     | 56 +++++++++----------
 .../src/examples/data-iterators/usage.vue     | 56 +++++++++----------
 4 files changed, 89 insertions(+), 90 deletions(-)

diff --git a/packages/docs/src/examples/data-iterators/expand.vue b/packages/docs/src/examples/data-iterators/expand.vue
index 613a85aeb7f..b52aeb71070 100644
--- a/packages/docs/src/examples/data-iterators/expand.vue
+++ b/packages/docs/src/examples/data-iterators/expand.vue
@@ -30,34 +30,34 @@
               ></v-switch>
               <v-divider></v-divider>
               <v-list v-if="isExpanded(item)" dense>
-                <v-list-tile>
-                  <v-list-tile-content>Calories:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.calories }}</v-list-tile-content>
-                </v-list-tile>
-                <v-list-tile>
-                  <v-list-tile-content>Fat:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.fat }}</v-list-tile-content>
-                </v-list-tile>
-                <v-list-tile>
-                  <v-list-tile-content>Carbs:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.carbs }}</v-list-tile-content>
-                </v-list-tile>
-                <v-list-tile>
-                  <v-list-tile-content>Protein:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.protein }}</v-list-tile-content>
-                </v-list-tile>
-                <v-list-tile>
-                  <v-list-tile-content>Sodium:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.sodium }}</v-list-tile-content>
-                </v-list-tile>
-                <v-list-tile>
-                  <v-list-tile-content>Calcium:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.calcium }}</v-list-tile-content>
-                </v-list-tile>
-                <v-list-tile>
-                  <v-list-tile-content>Iron:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.iron }}</v-list-tile-content>
-                </v-list-tile>
+                <v-list-item>
+                  <v-list-item-content>Calories:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.calories }}</v-list-item-content>
+                </v-list-item>
+                <v-list-item>
+                  <v-list-item-content>Fat:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.fat }}</v-list-item-content>
+                </v-list-item>
+                <v-list-item>
+                  <v-list-item-content>Carbs:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.carbs }}</v-list-item-content>
+                </v-list-item>
+                <v-list-item>
+                  <v-list-item-content>Protein:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.protein }}</v-list-item-content>
+                </v-list-item>
+                <v-list-item>
+                  <v-list-item-content>Sodium:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.sodium }}</v-list-item-content>
+                </v-list-item>
+                <v-list-item>
+                  <v-list-item-content>Calcium:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.calcium }}</v-list-item-content>
+                </v-list-item>
+                <v-list-item>
+                  <v-list-item-content>Iron:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.iron }}</v-list-item-content>
+                </v-list-item>
               </v-list>
             </v-card>
           </v-flex>
diff --git a/packages/docs/src/examples/data-iterators/filter.vue b/packages/docs/src/examples/data-iterators/filter.vue
index 5f08803d14e..9f08f89ddd3 100644
--- a/packages/docs/src/examples/data-iterators/filter.vue
+++ b/packages/docs/src/examples/data-iterators/filter.vue
@@ -10,7 +10,6 @@
       :search="search"
       :sort-by="sortBy.toLowerCase()"
       :sort-desc="sortDesc"
-      hide-actions
       hide-default-footer
     >
       <template v-slot:header>
@@ -82,14 +81,14 @@
               <v-divider></v-divider>
 
               <v-list dense>
-                <v-list-tile
+                <v-list-item
                   v-for="(key, index) in filteredKeys"
                   :key="index"
                   :color="sortBy === key ? `blue lighten-4` : `white`"
                 >
-                  <v-list-tile-content>{{ key }}:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item[key.toLowerCase()] }}</v-list-tile-content>
-                </v-list-tile>
+                  <v-list-item-content>{{ key }}:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item[key.toLowerCase()] }}</v-list-item-content>
+                </v-list-item>
               </v-list>
             </v-card>
           </v-flex>
@@ -108,7 +107,7 @@
             <template v-slot:activator="{ on }">
               <v-btn
                 dark
-                flat
+                text
                 color="primary"
                 class="ml-2"
                 v-on="on"
diff --git a/packages/docs/src/examples/data-iterators/slots.vue b/packages/docs/src/examples/data-iterators/slots.vue
index 42f0843a903..451a146d0ee 100644
--- a/packages/docs/src/examples/data-iterators/slots.vue
+++ b/packages/docs/src/examples/data-iterators/slots.vue
@@ -32,40 +32,40 @@
               <v-divider></v-divider>
 
               <v-list dense>
-                <v-list-tile>
-                  <v-list-tile-content>Calories:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.calories }}</v-list-tile-content>
-                </v-list-tile>
+                <v-list-item>
+                  <v-list-item-content>Calories:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.calories }}</v-list-item-content>
+                </v-list-item>
 
-                <v-list-tile>
-                  <v-list-tile-content>Fat:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.fat }}</v-list-tile-content>
-                </v-list-tile>
+                <v-list-item>
+                  <v-list-item-content>Fat:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.fat }}</v-list-item-content>
+                </v-list-item>
 
-                <v-list-tile>
-                  <v-list-tile-content>Carbs:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.carbs }}</v-list-tile-content>
-                </v-list-tile>
+                <v-list-item>
+                  <v-list-item-content>Carbs:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.carbs }}</v-list-item-content>
+                </v-list-item>
 
-                <v-list-tile>
-                  <v-list-tile-content>Protein:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.protein }}</v-list-tile-content>
-                </v-list-tile>
+                <v-list-item>
+                  <v-list-item-content>Protein:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.protein }}</v-list-item-content>
+                </v-list-item>
 
-                <v-list-tile>
-                  <v-list-tile-content>Sodium:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.sodium }}</v-list-tile-content>
-                </v-list-tile>
+                <v-list-item>
+                  <v-list-item-content>Sodium:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.sodium }}</v-list-item-content>
+                </v-list-item>
 
-                <v-list-tile>
-                  <v-list-tile-content>Calcium:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.calcium }}</v-list-tile-content>
-                </v-list-tile>
+                <v-list-item>
+                  <v-list-item-content>Calcium:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.calcium }}</v-list-item-content>
+                </v-list-item>
 
-                <v-list-tile>
-                  <v-list-tile-content>Iron:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.iron }}</v-list-tile-content>
-                </v-list-tile>
+                <v-list-item>
+                  <v-list-item-content>Iron:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.iron }}</v-list-item-content>
+                </v-list-item>
               </v-list>
             </v-card>
           </v-flex>
diff --git a/packages/docs/src/examples/data-iterators/usage.vue b/packages/docs/src/examples/data-iterators/usage.vue
index 2e79d9fc228..cd02fdf38a6 100644
--- a/packages/docs/src/examples/data-iterators/usage.vue
+++ b/packages/docs/src/examples/data-iterators/usage.vue
@@ -19,34 +19,34 @@
               <v-card-title><h4>{{ item.name }}</h4></v-card-title>
               <v-divider></v-divider>
               <v-list dense>
-                <v-list-tile>
-                  <v-list-tile-content>Calories:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.calories }}</v-list-tile-content>
-                </v-list-tile>
-                <v-list-tile>
-                  <v-list-tile-content>Fat:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.fat }}</v-list-tile-content>
-                </v-list-tile>
-                <v-list-tile>
-                  <v-list-tile-content>Carbs:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.carbs }}</v-list-tile-content>
-                </v-list-tile>
-                <v-list-tile>
-                  <v-list-tile-content>Protein:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.protein }}</v-list-tile-content>
-                </v-list-tile>
-                <v-list-tile>
-                  <v-list-tile-content>Sodium:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.sodium }}</v-list-tile-content>
-                </v-list-tile>
-                <v-list-tile>
-                  <v-list-tile-content>Calcium:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.calcium }}</v-list-tile-content>
-                </v-list-tile>
-                <v-list-tile>
-                  <v-list-tile-content>Iron:</v-list-tile-content>
-                  <v-list-tile-content class="align-end">{{ item.iron }}</v-list-tile-content>
-                </v-list-tile>
+                <v-list-item>
+                  <v-list-item-content>Calories:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.calories }}</v-list-item-content>
+                </v-list-item>
+                <v-list-item>
+                  <v-list-item-content>Fat:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.fat }}</v-list-item-content>
+                </v-list-item>
+                <v-list-item>
+                  <v-list-item-content>Carbs:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.carbs }}</v-list-item-content>
+                </v-list-item>
+                <v-list-item>
+                  <v-list-item-content>Protein:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.protein }}</v-list-item-content>
+                </v-list-item>
+                <v-list-item>
+                  <v-list-item-content>Sodium:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.sodium }}</v-list-item-content>
+                </v-list-item>
+                <v-list-item>
+                  <v-list-item-content>Calcium:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.calcium }}</v-list-item-content>
+                </v-list-item>
+                <v-list-item>
+                  <v-list-item-content>Iron:</v-list-item-content>
+                  <v-list-item-content class="align-end">{{ item.iron }}</v-list-item-content>
+                </v-list-item>
               </v-list>
             </v-card>
           </v-flex>

From 52c2b7a16cdf15c84bc058aedd4c060cc07904bd Mon Sep 17 00:00:00 2001
From: MajesticPotatoe <AMajesticPotatoe@gmail.com>
Date: Wed, 12 Jun 2019 05:39:42 -0400
Subject: [PATCH 7/7] docs(VForm): fix form lint errors

---
 packages/docs/src/examples/forms/playground.vue               | 4 ++--
 .../examples/forms/simple/validationWithSubmitAndClear.vue    | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/docs/src/examples/forms/playground.vue b/packages/docs/src/examples/forms/playground.vue
index 8652645028b..32c8df1b5a6 100644
--- a/packages/docs/src/examples/forms/playground.vue
+++ b/packages/docs/src/examples/forms/playground.vue
@@ -42,16 +42,16 @@
       <v-btn
         :disabled="!valid"
         color="success"
-        @click="validate"
         class="mr-3"
+        @click="validate"
       >
         Validate
       </v-btn>
 
       <v-btn
         color="error"
-        @click="reset"
         class="mr-3"
+        @click="reset"
       >
         Reset Form
       </v-btn>
diff --git a/packages/docs/src/examples/forms/simple/validationWithSubmitAndClear.vue b/packages/docs/src/examples/forms/simple/validationWithSubmitAndClear.vue
index 6fd430ad311..852fea90124 100644
--- a/packages/docs/src/examples/forms/simple/validationWithSubmitAndClear.vue
+++ b/packages/docs/src/examples/forms/simple/validationWithSubmitAndClear.vue
@@ -37,16 +37,16 @@
     <v-btn
       :disabled="!valid"
       color="success"
-      @click="validate"
       class="mr-3"
+      @click="validate"
     >
       Validate
     </v-btn>
 
     <v-btn
       color="error"
-      @click="reset"
       class="mr-3"
+      @click="reset"
     >
       Reset Form
     </v-btn>