chore: update vue to 2.5.21

package.json

@@ -43,6 +43,7 @@
     "typescript": "^3.1.3",
     "typescript-eslint-parser": "^20.0.0",
     "typestrict": "^1.0.1",
-    "vue": "^2.5.17"
+    "vue": "^2.5.21",
+    "vue-template-compiler": "^2.5.21"
   }
 }

packages/api-generator/package.json

@@ -12,7 +12,6 @@
   "license": "ISC",
   "dependencies": {
     "deepmerge": "^2.2.1",
-    "vue": "^2.5.16",
     "vuetify": "^1.3.13"
   },
   "devDependencies": {

packages/vuetify/package.json

@@ -77,7 +77,6 @@
     "url-loader": "^1.1.2",
     "vue-loader": "^15.4.2",
     "vue-router": "^3.0.1",
-    "vue-template-compiler": "^2.5.17",
     "vue-template-es2015-compiler": "^1.6.0",
     "vuetify-loader": "^0.2.0",
     "webpack": "^4.23.1",
@@ -86,7 +85,7 @@
     "webpack-merge": "^4.1.4"
   },
   "peerDependencies": {
-    "vue": "^2.5.10"
+    "vue": "^2.5.18"
   },
   "publishConfig": {
     "access": "public"

packages/vuetify/src/components/VAlert/VAlert.ts

@@ -90,7 +90,7 @@ export default mixins(Colorable, Toggleable, Transitionable).extend({
       directives: [{
         name: 'show',
         value: this.isActive
-      }] as any,
+      }],
       on: this.$listeners
     }), children)
 

packages/vuetify/src/components/VBadge/VBadge.ts

@@ -46,14 +46,14 @@ export default mixins(
   },
 
   render (h): VNode {
-    const badge = this.$slots.badge ? [h('span', this.setBackgroundColor(this.color, {
+    const badge = this.$slots.badge && [h('span', this.setBackgroundColor(this.color, {
       staticClass: 'v-badge__badge',
       attrs: this.$attrs,
       directives: [{
         name: 'show',
         value: this.isActive
-      }] as any
-    }), this.$slots.badge)] as any : null
+      }]
+    }), this.$slots.badge)]
 
     return h('span', {
       staticClass: 'v-badge',

packages/vuetify/src/components/VBreadcrumbs/VBreadcrumbs.ts

@@ -89,7 +89,7 @@ export default mixins(
       for (let i = 0; i < this.items.length; i++) {
         const item = this.items[i]
 
-        if (hasSlot) items.push(this.$scopedSlots.item({ item }))
+        if (hasSlot) items.push(this.$scopedSlots.item!({ item }))
         else items.push(this.$createElement(VBreadcrumbsItem, { key: item.text, props: item }, [item.text]))
 
         if (i < this.items.length - 1) items.push(this.genDivider())

packages/vuetify/src/components/VBtn/VBtn.ts

@@ -2,9 +2,9 @@
 import '../../stylus/components/_buttons.styl'
 
 // Types
-import { VNode, VNodeChildren } from 'vue'
+import { VNode } from 'vue'
 import { PropValidator } from 'vue/types/options'
-import mixins from '../../util/mixins'
+import mixins, { ExtractVue } from '../../util/mixins'
 import { RippleOptions } from '../../directives/ripple'
 
 // Components
@@ -21,15 +21,20 @@ import { factory as ToggleableFactory } from '../../mixins/toggleable'
 // Utilities
 import { getObjectValueByPath } from '../../util/helpers'
 
-export default mixins(
+const baseMixins = mixins(
   Colorable,
   Routable,
   Positionable,
   Themeable,
   GroupableFactory('btnToggle'),
   ToggleableFactory('inputValue')
   /* @vue/component */
-).extend({
+)
+interface options extends ExtractVue<typeof baseMixins> {
+  $el: HTMLElement
+}
+
+export default baseMixins.extend<options>().extend({
   name: 'v-btn',
 
   props: {
@@ -114,25 +119,19 @@ export default mixins(
       return this.$createElement(
         'div',
         { 'class': 'v-btn__content' },
-        [this.$slots.default]
+        this.$slots.default
       )
     },
     genLoader (): VNode {
-      const children: VNodeChildren = []
-
-      if (!this.$slots.loader) {
-        children.push(this.$createElement(VProgressCircular, {
-          props: {
-            indeterminate: true,
-            size: 23,
-            width: 2
-          }
-        }))
-      } else {
-        children.push(this.$slots.loader)
-      }
-
-      return this.$createElement('span', { 'class': 'v-btn__loading' }, children)
+      return this.$createElement('span', {
+        class: 'v-btn__loading'
+      }, this.$slots.loader || [this.$createElement(VProgressCircular, {
+        props: {
+          indeterminate: true,
+          size: 23,
+          width: 2
+        }
+      })])
     },
     onRouteChange () {
       if (!this.to || !this.$refs.link) return
@@ -150,10 +149,12 @@ export default mixins(
   render (h): VNode {
     const setColor = (!this.outline && !this.flat && !this.disabled) ? this.setBackgroundColor : this.setTextColor
     const { tag, data } = this.generateRouteLink(this.classes)
-    const children = [this.genContent()]
+    const children = [
+      this.genContent(),
+      this.loading && this.genLoader()
+    ]
 
-    tag === 'button' && (data.attrs!.type = this.type)
-    this.loading && children.push(this.genLoader())
+    if (tag === 'button') data.attrs!.type = this.type
 
     data.attrs!.value = ['string', 'number'].includes(typeof this.value)
       ? this.value

packages/vuetify/src/components/VCard/index.ts

@@ -2,10 +2,9 @@ import { createSimpleFunctional } from '../../util/helpers'
 import VCard from './VCard'
 import VCardMedia from './VCardMedia'
 import VCardTitle from './VCardTitle'
-import Vue from 'vue'
 
-const VCardActions = Vue.extend(createSimpleFunctional('v-card__actions'))
-const VCardText = Vue.extend(createSimpleFunctional('v-card__text'))
+const VCardActions = createSimpleFunctional('v-card__actions')
+const VCardText = createSimpleFunctional('v-card__text')
 
 export { VCard, VCardMedia, VCardTitle, VCardActions, VCardText }
 

packages/vuetify/src/components/VChip/VChip.ts

@@ -1,7 +1,7 @@
 import '../../stylus/components/_chips.styl'
 
 // Types
-import { CreateElement, VNode, VNodeChildren } from 'vue'
+import { CreateElement, VNode } from 'vue'
 import mixins from '../../util/mixins'
 
 // Components
@@ -63,13 +63,12 @@ export default mixins(Colorable, Themeable, Toggleable).extend({
       ])
     },
     genContent (h: CreateElement): VNode {
-      const children: VNodeChildren = [this.$slots.default]
-
-      this.close && children.push(this.genClose(h))
-
       return h('span', {
         staticClass: 'v-chip__content'
-      }, children)
+      }, [
+        this.$slots.default,
+        this.close && this.genClose(h)
+      ])
     }
   },
 
@@ -81,7 +80,7 @@ export default mixins(Colorable, Themeable, Toggleable).extend({
       directives: [{
         name: 'show',
         value: this.isActive
-      }] as any,
+      }],
       on: this.$listeners
     })
 

packages/vuetify/src/components/VExpansionPanel/VExpansionPanelContent.ts

@@ -99,7 +99,7 @@ export default mixins<options &
         directives: [{
           name: 'show',
           value: this.isActive
-        }] as any
+        }]
       }, this.showLazyContent(this.$slots.default))
     },
     genHeader () {
@@ -112,7 +112,7 @@ export default mixins<options &
         directives: [{
           name: 'ripple',
           value: this.ripple
-        }] as any,
+        }],
         on: {
           click: this.onHeaderClick
         }
@@ -130,7 +130,7 @@ export default mixins<options &
           directives: [{
             name: 'show',
             value: !this.isDisabled
-          }] as any
+          }]
         }, icon)
       ])
     },
@@ -142,11 +142,6 @@ export default mixins<options &
   },
 
   render (h): VNode {
-    const children = []
-
-    this.$slots.header && children.push(this.genHeader())
-    children.push(h(VExpandTransition, [this.genBody()]))
-
     return h('li', {
       staticClass: 'v-expansion-panel__container',
       class: this.containerClasses,
@@ -156,6 +151,9 @@ export default mixins<options &
       on: {
         keydown: this.onKeydown
       }
-    }, children)
+    }, [
+      this.$slots.header && this.genHeader(),
+      h(VExpandTransition, [this.genBody()])
+    ])
   }
 })

packages/vuetify/src/components/VHover/VHover.ts

@@ -47,7 +47,7 @@ export default mixins(
 
     if (this.$scopedSlots.default) {
       element = this.$scopedSlots.default({ hover: this.isActive })
-    } else if (this.$slots.default.length === 1) {
+    } else if (this.$slots.default && this.$slots.default.length === 1) {
       element = this.$slots.default[0]
     }
 

packages/vuetify/src/components/VPagination/VPagination.ts

@@ -186,7 +186,7 @@ export default mixins(Colorable, Themeable).extend({
         modifiers: { quiet: true },
         name: 'resize',
         value: this.onResize
-      }] as any,
+      }],
       class: this.classes
     }, children)
   }

packages/vuetify/src/components/VProgressCircular/VProgressCircular.ts

@@ -131,7 +131,7 @@ export default mixins(Colorable).extend({
   },
 
   render (h): VNode {
-    const info = h('div', { staticClass: 'v-progress-circular__info' }, [this.$slots.default])
+    const info = h('div', { staticClass: 'v-progress-circular__info' }, this.$slots.default)
     const svg = this.genSvg(h)
 
     return h('div', this.setTextColor(this.color, {

packages/vuetify/src/components/VRating/VRating.ts

@@ -16,7 +16,7 @@ import { createRange } from '../../util/helpers'
 import mixins from '../../util/mixins'
 
 // Types
-import { VNode, VNodeDirective, VNodeChildrenArrayContents } from 'vue'
+import { VNode, VNodeDirective, VNodeChildren } from 'vue'
 
 type ItemSlotProps = {
   index: number
@@ -188,7 +188,7 @@ export default mixins(
     onMouseLeave (): void {
       this.runDelay('close', () => (this.hoverIndex = -1))
     },
-    genItem (i: number): VNode | VNodeChildrenArrayContents | string {
+    genItem (i: number): VNode | VNodeChildren | string {
       const props = this.createProps(i)
 
       if (this.$scopedSlots.item) return this.$scopedSlots.item(props)

packages/vuetify/src/components/VSnackbar/VSnackbar.ts

@@ -5,7 +5,7 @@ import Toggleable from '../../mixins/toggleable'
 import { factory as PositionableFactory } from '../../mixins/positionable'
 
 import mixins from '../../util/mixins'
-import { VNode, VNodeChildrenArrayContents } from 'vue'
+import { VNode } from 'vue'
 
 export default mixins(
   Colorable,
@@ -71,28 +71,22 @@ export default mixins(
   },
 
   render (h): VNode {
-    const children: VNodeChildrenArrayContents = []
-
-    if (this.isActive) {
-      children.push(
-        h('div', {
-          staticClass: 'v-snack',
-          class: this.classes,
-          on: this.$listeners
-        }, [
-          h('div', this.setBackgroundColor(this.color, {
-            staticClass: 'v-snack__wrapper'
-          }), [
-            h('div', {
-              staticClass: 'v-snack__content'
-            }, this.$slots.default)
-          ])
-        ])
-      )
-    }
-
     return h('transition', {
       attrs: { name: 'v-snack-transition' }
-    }, children)
+    }, this.isActive && [
+      h('div', {
+        staticClass: 'v-snack',
+        class: this.classes,
+        on: this.$listeners
+      }, [
+        h('div', this.setBackgroundColor(this.color, {
+          staticClass: 'v-snack__wrapper'
+        }), [
+          h('div', {
+            staticClass: 'v-snack__content'
+          }, this.$slots.default)
+        ])
+      ])
+    ])
   }
 })

packages/vuetify/src/components/VTimeline/VTimelineItem.ts

@@ -57,16 +57,12 @@ export default mixins(
       }, this.icon)
     },
     genInnerDot () {
-      const children = []
-
-      this.hasIcon && children.push(this.genIcon())
-
       const data: VNodeData = this.setBackgroundColor(this.color)
 
       return this.$createElement('div', {
         staticClass: 'v-timeline-item__inner-dot',
         ...data
-      }, children)
+      }, [this.hasIcon && this.genIcon()])
     },
     genDot () {
       return this.$createElement('div', {
@@ -80,7 +76,7 @@ export default mixins(
     genOpposite () {
       return this.$createElement('div', {
         staticClass: 'v-timeline-item__opposite'
-      }, [this.$slots.opposite])
+      }, this.$slots.opposite)
     }
   },
 

packages/vuetify/src/components/VTreeview/VTreeview.ts

@@ -327,7 +327,7 @@ export default mixins(
     const children: VNodeChildrenArrayContents = this.items.length
       ? this.items.map(VTreeviewNode.options.methods.genChild.bind(this))
       /* istanbul ignore next */
-      : this.$slots.default
+      : this.$slots.default! // TODO: remove type annotation with TS 3.2
 
     return h('div', {
       staticClass: 'v-treeview',

packages/vuetify/src/components/VWindow/VWindow.ts

@@ -125,7 +125,7 @@ export default BaseItemGroup.extend({
       data.directives.push({
         name: 'touch',
         value
-      } as VNodeDirective)
+      })
     }
 
     return h('div', data, [this.genContainer()])