@dimailn/vuetify 2.7.2-alpha4 → 2.7.2-alpha40

package/src/components/VSkeletonLoader/__tests__/__snapshots__/VSkeletonLoader.spec.ts.snap

@@ -21,11 +21,11 @@ exports[`VSkeletonLoader.ts should dynamically render content 2`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 1`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__button v-skeleton-loader__bone">
   </div>
@@ -35,11 +35,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 1`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 2`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__heading v-skeleton-loader__bone">
   </div>
@@ -55,11 +55,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 2`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 3`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__avatar v-skeleton-loader__bone">
   </div>
@@ -67,11 +67,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 3`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 4`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__button v-skeleton-loader__bone">
   </div>
@@ -79,11 +79,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 4`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 5`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__image v-skeleton-loader__bone">
   </div>
@@ -95,11 +95,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 5`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 6`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__image v-skeleton-loader__bone">
   </div>
@@ -113,11 +113,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 6`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 7`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__heading v-skeleton-loader__bone">
   </div>
@@ -125,11 +125,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 7`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 8`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__chip v-skeleton-loader__bone">
   </div>
@@ -137,11 +137,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 8`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 9`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__list-item v-skeleton-loader__bone">
     <div class="v-skeleton-loader__text v-skeleton-loader__bone">
@@ -229,11 +229,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 9`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 10`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__text v-skeleton-loader__bone">
   </div>
@@ -245,11 +245,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 10`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 11`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__avatar v-skeleton-loader__bone">
   </div>
@@ -311,11 +311,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 11`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 12`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__heading v-skeleton-loader__bone">
   </div>
@@ -323,11 +323,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 12`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 13`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__image v-skeleton-loader__bone">
   </div>
@@ -335,11 +335,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 13`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 14`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__text v-skeleton-loader__bone">
   </div>
@@ -347,11 +347,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 14`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 15`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__avatar v-skeleton-loader__bone">
   </div>
@@ -361,11 +361,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 15`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 16`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__sentences v-skeleton-loader__bone">
     <div class="v-skeleton-loader__text v-skeleton-loader__bone">
@@ -377,11 +377,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 16`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 17`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__avatar v-skeleton-loader__bone">
   </div>
@@ -395,11 +395,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 17`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 18`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__paragraph v-skeleton-loader__bone">
     <div class="v-skeleton-loader__text v-skeleton-loader__bone">
@@ -413,11 +413,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 18`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 19`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__avatar v-skeleton-loader__bone">
   </div>
@@ -433,11 +433,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 19`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 20`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__text v-skeleton-loader__bone">
   </div>
@@ -449,11 +449,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 20`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 21`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__text v-skeleton-loader__bone">
   </div>
@@ -463,11 +463,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 21`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 22`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__table-heading v-skeleton-loader__bone">
     <div class="v-skeleton-loader__heading v-skeleton-loader__bone">
@@ -685,11 +685,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 22`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 23`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__heading v-skeleton-loader__bone">
   </div>
@@ -699,11 +699,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 23`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 24`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__heading v-skeleton-loader__bone">
   </div>
@@ -721,11 +721,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 24`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 25`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__table-row-divider v-skeleton-loader__bone">
     <div class="v-skeleton-loader__table-row v-skeleton-loader__bone">
@@ -911,11 +911,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 25`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 26`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__table-row v-skeleton-loader__bone">
     <div class="v-skeleton-loader__table-cell v-skeleton-loader__bone">
@@ -949,11 +949,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 26`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 27`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__table-cell v-skeleton-loader__bone">
     <div class="v-skeleton-loader__text v-skeleton-loader__bone">
@@ -983,11 +983,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 27`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 28`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__text v-skeleton-loader__bone">
   </div>
@@ -995,11 +995,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 28`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 29`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__text v-skeleton-loader__bone">
   </div>
@@ -1013,11 +1013,11 @@ exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 29`] = `
 `;
 
 exports[`VSkeletonLoader.ts should generate a skeleton recursive tree 30`] = `
-<div aria-busy="true"
+<div class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
+     aria-busy="true"
      aria-live="polite"
      aria-label="$vuetify.loading"
      role="alert"
-     class="v-skeleton-loader v-skeleton-loader--is-loading theme--light"
 >
   <div class="v-skeleton-loader__text v-skeleton-loader__bone">
   </div>

package/src/components/VSlideGroup/VSlideGroup.ts

@@ -1,4 +1,4 @@
-import {h, withDirectives} from 'vue'
+import { h, withDirectives } from 'vue'
 // Styles
 import './VSlideGroup.sass'
 
@@ -20,7 +20,7 @@ import Touch from '../../directives/touch'
 import mixins, { ExtractVue } from '../../util/mixins'
 
 // Types
-import Vue, { VNode, defineComponent } from 'vue'
+import { VNode, defineComponent } from 'vue'
 import { composedPath, getSlot } from '../../util/helpers'
 
 interface TouchEvent {
@@ -36,7 +36,7 @@ interface Widths {
   wrapper: number
 }
 
-interface options extends Vue {
+interface options {
   $refs: {
     content: HTMLElement
     wrapper: HTMLElement
@@ -107,11 +107,6 @@ export const BaseSlideGroup = mixins<options &
 ).extend({
   name: 'base-slide-group',
 
-  directives: {
-    Resize,
-    Touch,
-  },
-
   props: {
     activeClass: {
       type: String,
@@ -139,6 +134,8 @@ export const BaseSlideGroup = mixins<options &
     },
   },
 
+  emits: ['click:prev', 'click:next'],
+
   data: () => ({
     isOverflowing: false,
     resizeTimeout: 0,
@@ -259,7 +256,10 @@ export const BaseSlideGroup = mixins<options &
 
   methods: {
     onScroll () {
-      this.$refs.wrapper.scrollLeft = 0
+      const wrapper = this.$refs.wrapper as HTMLElement
+      if (wrapper) {
+        wrapper.scrollLeft = 0
+      }
     },
     onFocusin (e: FocusEvent) {
       if (!this.isOverflowing) return
@@ -303,7 +303,7 @@ export const BaseSlideGroup = mixins<options &
     },
     genData (): object {
       return {
-        class: this.classes
+        class: this.classes,
       }
     },
     genIcon (location: 'prev' | 'next'): VNode | null {
@@ -325,7 +325,7 @@ export const BaseSlideGroup = mixins<options &
 
       return h(VIcon, {
         disabled: !hasAffix,
-      }, (this as any)[`${icon}Icon`])
+      }, () => (this as any)[`${icon}Icon`])
     },
     // Always generate prev for scrollable hint
     genPrev (): VNode | null {
@@ -342,7 +342,7 @@ export const BaseSlideGroup = mixins<options &
       }, [slot])
     },
     genTransition (location: 'prev' | 'next') {
-      return h(VFadeTransition, [this.genIcon(location)])
+      return h(VFadeTransition, {}, () => [this.genIcon(location)])
     },
     genWrapper (): VNode {
       return withDirectives(h('div', {
@@ -356,8 +356,8 @@ export const BaseSlideGroup = mixins<options &
             start: (e: TouchEvent) => this.overflowCheck(e, this.onTouchStart),
             move: (e: TouchEvent) => this.overflowCheck(e, this.onTouchMove),
             end: (e: TouchEvent) => this.overflowCheck(e, this.onTouchEnd),
-          }
-        ]
+          },
+        ],
 
       ])
     },
@@ -374,12 +374,14 @@ export const BaseSlideGroup = mixins<options &
     },
     onResize () {
       /* istanbul ignore next */
-      if (this._isDestroyed) return
+      if (this.$.isUnmounted) return
 
       this.setWidths()
     },
     onTouchStart (e: TouchEvent) {
-      const { content } = this.$refs
+      const content = this.$refs.content as HTMLElement
+
+      if (!content) return
 
       this.startX = this.scrollOffset + e.touchstartX as number
 
@@ -408,7 +410,11 @@ export const BaseSlideGroup = mixins<options &
     onTouchEnd () {
       if (!this.canTouch) return
 
-      const { content, wrapper } = this.$refs
+      const content = this.$refs.content as HTMLElement
+      const wrapper = this.$refs.wrapper as HTMLElement
+
+      if (!content || !wrapper) return
+
       const maxScrollOffset = content.clientWidth - wrapper.clientWidth
 
       content.style.setProperty('transition', null)
@@ -441,7 +447,10 @@ export const BaseSlideGroup = mixins<options &
     scrollIntoView /* istanbul ignore next */ () {
       if (!this.selectedItem && this.items.length) {
         const lastItemPosition = this.items[this.items.length - 1].$el.getBoundingClientRect()
-        const wrapperPosition = this.$refs.wrapper.getBoundingClientRect()
+        const wrapper = this.$refs.wrapper as HTMLElement
+
+        if (!wrapper) return
+        const wrapperPosition = wrapper.getBoundingClientRect()
 
         if (
           (this.$vuetify.rtl && wrapperPosition.right < lastItemPosition.right) ||
@@ -484,13 +493,16 @@ export const BaseSlideGroup = mixins<options &
     },
     setWidths () {
       window.requestAnimationFrame(() => {
-        if (this._isDestroyed) return
+        if (this.$.isUnmounted) return
+
+        const content = this.$refs.content as HTMLElement
+        const wrapper = this.$refs.wrapper as HTMLElement
 
-        const { content, wrapper } = this.$refs
+        if (!content || !wrapper) return
 
         this.widths = {
-          content: content ? content.clientWidth : 0,
-          wrapper: wrapper ? wrapper.clientWidth : 0,
+          content: content.clientWidth,
+          wrapper: wrapper.clientWidth,
         }
 
         // https://github.com/vuetifyjs/vuetify/issues/13212
@@ -511,8 +523,8 @@ export const BaseSlideGroup = mixins<options &
     ]), [
       [
         Resize,
-        this.onResize
-      ]
+        this.onResize,
+      ],
     ])
   },
 })

package/src/components/VSlideGroup/VSlideItem.ts

@@ -11,4 +11,6 @@ export default mixins(
   /* @vue/component */
 ).extend({
   name: 'v-slide-item',
+
+  emits: ['change'],
 })