@vuetify/nightly 2.6.7 → 2.6.8-master-20220708.0

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

@@ -6911,7 +6911,7 @@ exports[`VDataTable.ts should render item slot when using group-by function 1`]
                 </i>
               </span>
             </button>
-            name: Frozen Yogurt
+            Dessert (100g serving): Frozen Yogurt
             <button type="button"
                     class="ma-0 v-btn v-btn--icon v-btn--round theme--light v-size--small"
             >
@@ -6941,7 +6941,7 @@ exports[`VDataTable.ts should render item slot when using group-by function 1`]
                 </i>
               </span>
             </button>
-            name: Ice cream sandwich
+            Dessert (100g serving): Ice cream sandwich
             <button type="button"
                     class="ma-0 v-btn v-btn--icon v-btn--round theme--light v-size--small"
             >
@@ -8477,7 +8477,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                 </i>
               </span>
             </button>
-            calories: 159
+            Calories: 159
             <button type="button"
                     class="ma-0 v-btn v-btn--icon v-btn--round theme--light v-size--small"
             >
@@ -8551,7 +8551,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                 </i>
               </span>
             </button>
-            calories: 237
+            Calories: 237
             <button type="button"
                     class="ma-0 v-btn v-btn--icon v-btn--round theme--light v-size--small"
             >
@@ -8625,7 +8625,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                 </i>
               </span>
             </button>
-            calories: 262
+            Calories: 262
             <button type="button"
                     class="ma-0 v-btn v-btn--icon v-btn--round theme--light v-size--small"
             >
@@ -8699,7 +8699,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                 </i>
               </span>
             </button>
-            calories: 305
+            Calories: 305
             <button type="button"
                     class="ma-0 v-btn v-btn--icon v-btn--round theme--light v-size--small"
             >
@@ -8773,7 +8773,7 @@ exports[`VDataTable.ts should render with group.summary scoped slot 1`] = `
                 </i>
               </span>
             </button>
-            calories: 356
+            Calories: 356
             <button type="button"
                     class="ma-0 v-btn v-btn--icon v-btn--round theme--light v-size--small"
             >
@@ -8988,7 +8988,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
                 </i>
               </span>
             </button>
-            protein: 0
+            Protein (g): 0
             <button type="button"
                     class="ma-0 v-btn v-btn--icon v-btn--round theme--light v-size--small"
             >
@@ -9099,7 +9099,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
                 </i>
               </span>
             </button>
-            protein: 3.9
+            Protein (g): 3.9
             <button type="button"
                     class="ma-0 v-btn v-btn--icon v-btn--round theme--light v-size--small"
             >
@@ -9168,7 +9168,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
                 </i>
               </span>
             </button>
-            protein: 4
+            Protein (g): 4
             <button type="button"
                     class="ma-0 v-btn v-btn--icon v-btn--round theme--light v-size--small"
             >
@@ -9237,7 +9237,7 @@ exports[`VDataTable.ts should render with grouped rows 1`] = `
                 </i>
               </span>
             </button>
-            protein: 4.3
+            Protein (g): 4.3
             <button type="button"
                     class="ma-0 v-btn v-btn--icon v-btn--round theme--light v-size--small"
             >
@@ -11644,7 +11644,7 @@ exports[`VDataTable.ts should search group-by column 1`] = `
                 </i>
               </span>
             </button>
-            name: Assistance
+            Name: Assistance
             <button type="button"
                     class="ma-0 v-btn v-btn--icon v-btn--round theme--light v-size--small"
             >
@@ -11681,7 +11681,7 @@ exports[`VDataTable.ts should search group-by column 1`] = `
                 </i>
               </span>
             </button>
-            name: Candidat
+            Name: Candidat
             <button type="button"
                     class="ma-0 v-btn v-btn--icon v-btn--round theme--light v-size--small"
             >
@@ -11856,7 +11856,7 @@ exports[`VDataTable.ts should search group-by column 2`] = `
                 </i>
               </span>
             </button>
-            name: Candidat
+            Name: Candidat
             <button type="button"
                     class="ma-0 v-btn v-btn--icon v-btn--round theme--light v-size--small"
             >

package/src/components/VDatePicker/VDatePicker.ts

@@ -231,7 +231,7 @@ export default mixins(
         year: { year: 'numeric', timeZone: 'UTC' },
         month: { month: 'long', timeZone: 'UTC' },
         date: { weekday: 'short', month: 'short', day: 'numeric', timeZone: 'UTC' },
-      }
+      } as const
 
       const titleDateFormatter = createNativeLocaleFormatter(this.currentLocale, titleFormats[this.type], {
         start: 0,

package/src/components/VItemGroup/VItemGroup.ts

@@ -219,7 +219,7 @@ export const BaseItemGroup = mixins(
         ? this.internalValue
         : []
       const internalValue = defaultValue.slice()
-      const index = internalValue.findIndex(val => val === value)
+      const index = internalValue.findIndex(val => this.valueComparator(val, value))
 
       if (
         this.mandatory &&
@@ -245,7 +245,7 @@ export const BaseItemGroup = mixins(
       this.internalValue = internalValue
     },
     updateSingle (value: any) {
-      const isSame = value === this.internalValue
+      const isSame = this.valueComparator(this.internalValue, value)
 
       if (this.mandatory && isSame) return
 

package/src/components/VItemGroup/__tests__/VItemGroup.spec.ts

@@ -217,6 +217,18 @@ describe('VItemGroup', () => {
     wrapper.vm.updateSingle('foo')
     expect(wrapper.vm.internalValue).toBeUndefined()
 
+    // Toggling on and off object references
+    wrapper.vm.updateSingle({ foo: 'foo' })
+    expect(wrapper.vm.internalValue).toEqual({ foo: 'foo' })
+    wrapper.vm.updateSingle({ foo: 'foo' })
+    expect(wrapper.vm.internalValue).toBeUndefined()
+
+    // Toggling on and off with custom comparator
+    wrapper.setProps({ valueComparator: (a: any, b: any) => a?.startsWith(b?.[0]), value: 'foo' })
+    expect(wrapper.vm.internalValue).toBe('foo')
+    wrapper.vm.updateSingle('foobar')
+    expect(wrapper.vm.internalValue).toBeUndefined()
+
     wrapper.setProps({ mandatory: true })
 
     // Toggling off single mandatory
@@ -237,6 +249,12 @@ describe('VItemGroup', () => {
     wrapper.vm.updateMultiple('foo')
     expect(wrapper.vm.internalValue).toEqual([])
 
+    // Toggling on and off object references
+    wrapper.vm.updateMultiple({ foo: 'foo' })
+    expect(wrapper.vm.internalValue).toEqual([{ foo: 'foo' }])
+    wrapper.vm.updateMultiple({ foo: 'foo' })
+    expect(wrapper.vm.internalValue).toEqual([])
+
     wrapper.setProps({ mandatory: true })
 
     // Toggling off single mandatory
@@ -256,6 +274,17 @@ describe('VItemGroup', () => {
     expect(wrapper.vm.internalValue).toEqual(['foo', 'bar', 'fizz'])
   })
 
+  it('should update a multiple item group with a custom comparator', () => {
+    const wrapper = mountFunction({
+      propsData: { multiple: true },
+    })
+
+    wrapper.setProps({ valueComparator: (a: any, b: any) => a?.startsWith(b?.[0]), value: ['foo'] })
+    expect(wrapper.vm.internalValue).toEqual(['foo'])
+    wrapper.vm.updateMultiple('foobar')
+    expect(wrapper.vm.internalValue).toEqual([])
+  })
+
   it('should update value if mandatory and dynamic items', async () => {
     const wrapper = mountFunction({
       propsData: {

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

@@ -6,17 +6,17 @@ exports[`VOverflowBtn.js should show label with persistentPlaceholder property s
     <div role="combobox"
          aria-haspopup="listbox"
          aria-expanded="false"
-         aria-owns="list-14"
+         aria-owns="list-15"
          class="v-input__slot"
     >
       <div class="v-select__slot">
-        <label for="input-14"
+        <label for="input-15"
                class="v-label theme--light"
         >
           Some label
         </label>
         <div class="v-select__selections">
-          <input id="input-14"
+          <input id="input-15"
                  readonly="readonly"
                  type="text"
           >
@@ -54,17 +54,17 @@ exports[`VOverflowBtn.js should show label with persistentPlaceholder property s
     <div role="combobox"
          aria-haspopup="listbox"
          aria-expanded="true"
-         aria-owns="list-14"
+         aria-owns="list-15"
          class="v-input__slot"
     >
       <div class="v-select__slot">
-        <label for="input-14"
+        <label for="input-15"
                class="v-label theme--light"
         >
           Some label
         </label>
         <div class="v-select__selections">
-          <input id="input-14"
+          <input id="input-15"
                  readonly="readonly"
                  type="text"
           >
@@ -145,7 +145,7 @@ exports[`VOverflowBtn.js should use default autocomplete selections 1`] = `
 `;
 
 exports[`VOverflowBtn.js should use default autocomplete selections 2`] = `
-<div class="v-input v-input--is-label-active v-input--is-dirty theme--light v-text-field v-text-field--single-line v-select v-select--is-multi v-autocomplete v-overflow-btn">
+<div class="v-input v-input--is-label-active v-input--is-dirty theme--light v-text-field v-text-field--single-line v-select v-autocomplete v-overflow-btn v-overflow-btn--segmented">
   <div class="v-input__control">
     <div role="combobox"
          aria-haspopup="listbox"
@@ -155,9 +155,13 @@ exports[`VOverflowBtn.js should use default autocomplete selections 2`] = `
     >
       <div class="v-select__slot">
         <div class="v-select__selections">
-          <div class="v-select__selection v-select__selection--comma">
-            foo
-          </div>
+          <button type="button"
+                  class="v-btn v-btn--text theme--light v-size--default"
+          >
+            <span class="v-btn__content">
+              foo
+            </span>
+          </button>
           <input id="input-1"
                  readonly="readonly"
                  type="text"

package/src/components/VRangeSlider/__tests__/VRangeSlider.spec.ts

@@ -5,7 +5,7 @@ import {
   Wrapper,
 } from '@vue/test-utils'
 
-describe('VRangeSlider.ts', () => {
+describe('VRangeSlider', () => {
   type Instance = InstanceType<typeof VRangeSlider>
   let mountFunction: (options?: MountOptions<Instance>) => Wrapper<Instance>
 
@@ -33,7 +33,7 @@ describe('VRangeSlider.ts', () => {
     document.body.removeChild(el)
   })
 
-  it('should provide a default value if non provided', async () => {
+  it('should provide a default value if none provided', async () => {
     const wrapper = mountFunction()
 
     expect(wrapper.vm.lazyValue).toEqual([0, 0])

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

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`VRangeSlider.ts should render a vertical slider 1`] = `
+exports[`VRangeSlider should render a vertical slider 1`] = `
 <div class="v-input v-input--is-label-active v-input--is-dirty theme--light v-input__slider v-input__slider--vertical v-input--range-slider">
   <div class="v-input__control">
     <div class="v-input__slot">
@@ -64,7 +64,7 @@ exports[`VRangeSlider.ts should render a vertical slider 1`] = `
 </div>
 `;
 
-exports[`VRangeSlider.ts should render disabled slider 1`] = `
+exports[`VRangeSlider should render disabled slider 1`] = `
 <div class="v-input v-input--is-label-active v-input--is-dirty v-input--is-disabled theme--light v-input__slider v-input--range-slider">
   <div class="v-input__control">
     <div class="v-input__slot">

package/src/components/VSlideGroup/VSlideGroup.ts

@@ -127,7 +127,7 @@ export const BaseSlideGroup = mixins<options &
     },
     showArrows: {
       type: [Boolean, String],
-      validator: v => (
+      validator: (v: any) => (
         typeof v === 'boolean' || [
           'always',
           'desktop',

package/src/components/VSlider/VSlider.ts

@@ -221,16 +221,10 @@ export default mixins<options &
       handler (v: number) {
         this.internalValue = v
       },
+      immediate: true,
     },
   },
 
-  // If done in as immediate in
-  // value watcher, causes issues
-  // with vue-test-utils
-  beforeMount () {
-    this.internalValue = this.value
-  },
-
   mounted () {
     // Without a v-app, iOS does not work with body selectors
     this.app = document.querySelector('[data-app]') ||

package/src/components/VSlider/__tests__/VSlider.spec.ts

@@ -559,7 +559,7 @@ describe('VSlider.ts', () => {
 
   it('should set value to min value if given a NaN value', () => {
     const input = jest.fn()
-    const wrapper = mountFunction({
+    mountFunction({
       propsData: {
         min: -20,
         max: 20,
@@ -570,7 +570,8 @@ describe('VSlider.ts', () => {
       },
     })
 
-    expect(wrapper.vm.internalValue).toBe(-20)
+    expect(input).toHaveBeenCalledTimes(1)
+    expect(input).toHaveBeenCalledWith(-20)
   })
 
   it('should correctly handle initial value of zero (#7320)', () => {

package/src/components/VTimePicker/VTimePicker.ts

@@ -40,7 +40,7 @@ export default mixins(
     format: {
       type: String as PropType<'ampm' | '24hr'>,
       default: 'ampm',
-      validator (val) {
+      validator (val: any) {
         return ['ampm', '24hr'].includes(val)
       },
     },

package/src/globals.d.ts

@@ -105,8 +105,8 @@ declare module 'vue/types/options' {
 }
 
 declare module 'vue/types/vue' {
-  export type OptionsVue<Instance extends Vue, Data, Methods, Computed, Props, Options = {}> = VueConstructor<
-    CombinedVueInstance<Instance, Data, Methods, Computed, Props> & Vue,
+  export type OptionsVue<Instance extends Vue, Data, Methods, Computed, Props, SetupBindings, Options = {}> = VueConstructor<
+    CombinedVueInstance<Instance, Data, Methods, Computed, Props, SetupBindings> & Vue,
     Options
   >
 
@@ -154,10 +154,10 @@ declare module 'vue/types/vue' {
     $_vuetify_installed?: true
     options: Options
 
-    extend<Data, Methods, Computed, Options, PropNames extends string = never> (options?: ThisTypedComponentOptionsWithArrayProps<V, Data, Methods, Computed, PropNames> & Options): OptionsVue<V, Data, Methods, Computed, Record<PropNames, any>, Options>
-    extend<Data, Methods, Computed, Props, Options> (options?: ThisTypedComponentOptionsWithRecordProps<V, Data, Methods, Computed, Props> & Options): OptionsVue<V, Data, Methods, Computed, Props, Options>
-    extend<Options, PropNames extends string = never> (definition: FunctionalComponentOptions<Record<PropNames, any>, PropNames[]> & Options): OptionsVue<V, {}, {}, {}, Record<PropNames, any>, Options>
+    extend<Data, Methods, Computed, Options, SetupBindings, PropNames extends string = never> (options?: ThisTypedComponentOptionsWithArrayProps<V, Data, Methods, Computed, PropNames, SetupBindings> & Options): OptionsVue<V, Data, Methods, Computed, Record<PropNames, any>, SetupBindings, Options>
+    extend<Data, Methods, Computed, Props, Options, SetupBindings> (options?: ThisTypedComponentOptionsWithRecordProps<V, Data, Methods, Computed, Props, SetupBindings> & Options): OptionsVue<V, Data, Methods, Computed, Props, SetupBindings, Options>
+    extend<Options, SetupBindings, PropNames extends string = never> (definition: FunctionalComponentOptions<Record<PropNames, any>, PropNames[]> & Options): OptionsVue<V, {}, {}, {}, Record<PropNames, any>, SetupBindings, Options>
     extend<Props, Options> (definition: FunctionalComponentOptions<Props, RecordPropsDefinition<Props>> & Options): OptionsVue<V, {}, {}, {}, Props, Options>
-    extend<V extends Vue = Vue> (options?: ComponentOptions<V> & Options): OptionsVue<V, {}, {}, {}, {}, Options>
+    extend<V extends Vue = Vue> (options?: ComponentOptions<V> & Options): OptionsVue<V, {}, {}, {}, {}, {}, Options>
   }
 }

package/src/mixins/applicationable/__tests__/applicationable.spec.ts

@@ -68,7 +68,7 @@ describe('applicationable.js', () => {
       mixins: [Applicationable(null, ['foo', 'bar'])],
     })
 
-    expect(wrapper.vm._watchers).toHaveLength(6)
+    expect(wrapper.vm._scope.effects).toHaveLength(6)
   })
 
   it('should call to remove application on destroy', async () => {

package/src/mixins/binds-attrs/index.ts

@@ -1,11 +1,11 @@
-import Vue, { WatchHandler } from 'vue'
+import Vue from 'vue'
 
 /**
  * This mixin provides `attrs$` and `listeners$` to work around
  * vue bug https://github.com/vuejs/vue/issues/10115
  */
 
-function makeWatcher (property: string): ThisType<Vue> & WatchHandler<any> {
+function makeWatcher (property: string): ThisType<Vue> & ((val: any, oldVal: any) => void) {
   return function (this: Vue, val, oldVal) {
     for (const attr in oldVal) {
       if (!Object.prototype.hasOwnProperty.call(val, attr)) {

package/src/mixins/overlayable/index.ts

@@ -128,8 +128,8 @@ export default Vue.extend<Vue & Toggleable & Stackable & options>().extend({
 
       showScroll && this.showScroll()
     },
-    scrollListener (e: WheelEvent & KeyboardEvent) {
-      if (e.type === 'keydown') {
+    scrollListener (e: WheelEvent | KeyboardEvent) {
+      if ('key' in e) {
         if (
           ['INPUT', 'TEXTAREA', 'SELECT'].includes((e.target as Element).tagName) ||
           // https://github.com/vuetifyjs/vuetify/issues/4715
@@ -150,7 +150,7 @@ export default Vue.extend<Vue & Toggleable & Stackable & options>().extend({
 
       if (e.target === this.overlay ||
         (e.type !== 'keydown' && e.target === document.body) ||
-        this.checkPath(e)) e.preventDefault()
+        this.checkPath(e as WheelEvent)) e.preventDefault()
     },
     hasScrollbar (el?: Element) {
       if (!el || el.nodeType !== Node.ELEMENT_NODE) return false
@@ -224,14 +224,14 @@ export default Vue.extend<Vue & Toggleable & Stackable & options>().extend({
       if (this.$vuetify.breakpoint.smAndDown) {
         document.documentElement!.classList.add('overflow-y-hidden')
       } else {
-        addPassiveEventListener(window, 'wheel', this.scrollListener as EventHandlerNonNull, { passive: false })
-        window.addEventListener('keydown', this.scrollListener as EventHandlerNonNull)
+        addPassiveEventListener(window, 'wheel', this.scrollListener, { passive: false })
+        window.addEventListener('keydown', this.scrollListener)
       }
     },
     showScroll () {
       document.documentElement!.classList.remove('overflow-y-hidden')
-      window.removeEventListener('wheel', this.scrollListener as EventHandlerNonNull)
-      window.removeEventListener('keydown', this.scrollListener as EventHandlerNonNull)
+      window.removeEventListener('wheel', this.scrollListener)
+      window.removeEventListener('keydown', this.scrollListener)
     },
   },
 })

package/src/util/helpers.ts

@@ -59,7 +59,7 @@ try {
       get: () => {
         passiveSupported = true
       },
-    })
+    }) as EventListener & EventListenerOptions
 
     window.addEventListener('testListener', testListenerOpts, testListenerOpts)
     window.removeEventListener('testListener', testListenerOpts, testListenerOpts)
@@ -70,7 +70,7 @@ export { passiveSupported }
 export function addPassiveEventListener (
   el: EventTarget,
   event: string,
-  cb: EventHandlerNonNull | (() => void),
+  cb: (event: any) => void,
   options: {}
 ): void {
   el.addEventListener(event, cb, passiveSupported ? options : false)

package/es5/util/component.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = component;
-
-function component(options) {
-  return options;
-}
-//# sourceMappingURL=component.js.map

package/es5/util/component.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/util/component.ts"],"names":[],"mappings":";;;;;;;AAkBc,SAAU,SAAV,CAAwB,OAAxB,EAAkC;AAC9C,SAAO,OAAP;AACD","sourcesContent":["/* eslint-disable max-len, import/export */\nimport {\n  ComponentOptions,\n  RecordPropsDefinition,\n  ThisTypedComponentOptionsWithArrayProps,\n  ThisTypedComponentOptionsWithRecordProps,\n} from 'vue/types/options'\nimport { Vue } from 'vue/types/vue'\nimport { FunctionalComponentOptions } from 'vue'\n\ntype V = Vue\n\n// Maybe don't actually use this, it doesn't work very well\nexport default function component<Data, Methods, Computed, PropNames extends string = never> (options?: ThisTypedComponentOptionsWithArrayProps<V, Data, Methods, Computed, PropNames>): ThisTypedComponentOptionsWithArrayProps<V, Data, Methods, Computed, PropNames>\nexport default function component<Data, Methods, Computed, Props> (options?: ThisTypedComponentOptionsWithRecordProps<V, Data, Methods, Computed, Props>): ThisTypedComponentOptionsWithRecordProps<V, Data, Methods, Computed, Props>\nexport default function component<PropNames extends string = never> (definition: FunctionalComponentOptions<Record<PropNames, any>, PropNames[]>): FunctionalComponentOptions<Record<PropNames, any>, PropNames[]>\nexport default function component<Props> (definition: FunctionalComponentOptions<Props, RecordPropsDefinition<Props>>): FunctionalComponentOptions<Props, RecordPropsDefinition<Props>>\nexport default function component (options?: ComponentOptions<V>): ComponentOptions<V>\nexport default function component<T> (options: T): T {\n  return options\n}\n"],"sourceRoot":"","file":"component.js"}

package/lib/util/component.js

@@ -1,4 +0,0 @@
-export default function component(options) {
-  return options;
-}
-//# sourceMappingURL=component.js.map

package/lib/util/component.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/util/component.ts"],"names":[],"mappings":"AAkBA,eAAc,SAAU,SAAV,CAAwB,OAAxB,EAAkC;AAC9C,SAAO,OAAP;AACD","sourcesContent":["/* eslint-disable max-len, import/export */\nimport {\n  ComponentOptions,\n  RecordPropsDefinition,\n  ThisTypedComponentOptionsWithArrayProps,\n  ThisTypedComponentOptionsWithRecordProps,\n} from 'vue/types/options'\nimport { Vue } from 'vue/types/vue'\nimport { FunctionalComponentOptions } from 'vue'\n\ntype V = Vue\n\n// Maybe don't actually use this, it doesn't work very well\nexport default function component<Data, Methods, Computed, PropNames extends string = never> (options?: ThisTypedComponentOptionsWithArrayProps<V, Data, Methods, Computed, PropNames>): ThisTypedComponentOptionsWithArrayProps<V, Data, Methods, Computed, PropNames>\nexport default function component<Data, Methods, Computed, Props> (options?: ThisTypedComponentOptionsWithRecordProps<V, Data, Methods, Computed, Props>): ThisTypedComponentOptionsWithRecordProps<V, Data, Methods, Computed, Props>\nexport default function component<PropNames extends string = never> (definition: FunctionalComponentOptions<Record<PropNames, any>, PropNames[]>): FunctionalComponentOptions<Record<PropNames, any>, PropNames[]>\nexport default function component<Props> (definition: FunctionalComponentOptions<Props, RecordPropsDefinition<Props>>): FunctionalComponentOptions<Props, RecordPropsDefinition<Props>>\nexport default function component (options?: ComponentOptions<V>): ComponentOptions<V>\nexport default function component<T> (options: T): T {\n  return options\n}\n"],"sourceRoot":"","file":"component.js"}

package/src/util/component.ts

@@ -1,21 +0,0 @@
-/* eslint-disable max-len, import/export */
-import {
-  ComponentOptions,
-  RecordPropsDefinition,
-  ThisTypedComponentOptionsWithArrayProps,
-  ThisTypedComponentOptionsWithRecordProps,
-} from 'vue/types/options'
-import { Vue } from 'vue/types/vue'
-import { FunctionalComponentOptions } from 'vue'
-
-type V = Vue
-
-// Maybe don't actually use this, it doesn't work very well
-export default function component<Data, Methods, Computed, PropNames extends string = never> (options?: ThisTypedComponentOptionsWithArrayProps<V, Data, Methods, Computed, PropNames>): ThisTypedComponentOptionsWithArrayProps<V, Data, Methods, Computed, PropNames>
-export default function component<Data, Methods, Computed, Props> (options?: ThisTypedComponentOptionsWithRecordProps<V, Data, Methods, Computed, Props>): ThisTypedComponentOptionsWithRecordProps<V, Data, Methods, Computed, Props>
-export default function component<PropNames extends string = never> (definition: FunctionalComponentOptions<Record<PropNames, any>, PropNames[]>): FunctionalComponentOptions<Record<PropNames, any>, PropNames[]>
-export default function component<Props> (definition: FunctionalComponentOptions<Props, RecordPropsDefinition<Props>>): FunctionalComponentOptions<Props, RecordPropsDefinition<Props>>
-export default function component (options?: ComponentOptions<V>): ComponentOptions<V>
-export default function component<T> (options: T): T {
-  return options
-}