@dimailn/vuetify 2.7.2-alpha0 → 2.7.2-superbundle

package/lib/util/mergeData.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/util/mergeData.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @copyright 2017 Alex Regan\n * @license MIT\n * @see https://github.com/alexsasharegan/vue-functional-data-merge\n */\n/* eslint-disable max-statements */\nimport { VNodeData } from 'vue'\nimport { camelize, wrapInArray } from './helpers'\n\nconst pattern = {\n  styleList: /;(?![^(]*\\))/g,\n  styleProp: /:(.*)/,\n} as const\n\nfunction parseStyle (style: string) {\n  const styleMap: Dictionary<any> = {}\n\n  for (const s of style.split(pattern.styleList)) {\n    let [key, val] = s.split(pattern.styleProp)\n    key = key.trim()\n    if (!key) {\n      continue\n    }\n    // May be undefined if the `key: value` pair is incomplete.\n    if (typeof val === 'string') {\n      val = val.trim()\n    }\n    styleMap[camelize(key)] = val\n  }\n\n  return styleMap\n}\n\n/**\n * Intelligently merges data for createElement.\n * Merges arguments left to right, preferring the right argument.\n * Returns new VNodeData object.\n */\nexport default function mergeData (...vNodeData: VNodeData[]): VNodeData\nexport default function mergeData (): VNodeData {\n  const mergeTarget: VNodeData & Dictionary<any> = {}\n  let i: number = arguments.length\n  let prop: string\n\n  // Allow for variadic argument length.\n  while (i--) {\n    // Iterate through the data properties and execute merge strategies\n    // Object.keys eliminates need for hasOwnProperty call\n    for (prop of Object.keys(arguments[i])) {\n      switch (prop) {\n        // Array merge strategy (array concatenation)\n        case 'class':\n        case 'directives':\n          if (arguments[i][prop]) {\n            mergeTarget[prop] = mergeClasses(mergeTarget[prop], arguments[i][prop])\n          }\n          break\n        case 'style':\n          if (arguments[i][prop]) {\n            mergeTarget[prop] = mergeStyles(mergeTarget[prop], arguments[i][prop])\n          }\n          break\n        // Space delimited string concatenation strategy\n        case 'class':\n          if (!arguments[i][prop]) {\n            break\n          }\n          if (mergeTarget[prop] === undefined) {\n            mergeTarget[prop] = ''\n          }\n          if (mergeTarget[prop]) {\n            // Not an empty string, so concatenate\n            mergeTarget[prop] += ' '\n          }\n          mergeTarget[prop] += arguments[i][prop].trim()\n          break\n        // Object, the properties of which to merge via array merge strategy (array concatenation).\n        // Callback merge strategy merges callbacks to the beginning of the array,\n        // so that the last defined callback will be invoked first.\n        // This is done since to mimic how Object.assign merging\n        // uses the last given value to assign.\n        case 'on':\n        case 'nativeOn':\n          if (arguments[i][prop]) {\n            mergeTarget[prop] = mergeListeners(mergeTarget[prop], arguments[i][prop])\n          }\n          break\n        // Object merge strategy\n        case 'attrs':\n        case 'props':\n        case 'domProps':\n        case 'scopedSlots':\n        case 'staticStyle':\n        case 'hook':\n        case 'transition':\n          if (!arguments[i][prop]) {\n            break\n          }\n          if (!mergeTarget[prop]) {\n            mergeTarget[prop] = {}\n          }\n          mergeTarget[prop] = { ...arguments[i][prop], ...mergeTarget[prop] }\n          break\n        // Reassignment strategy (no merge)\n        default: // slot, key, ref, tag, show, keepAlive\n          if (!mergeTarget[prop]) {\n            mergeTarget[prop] = arguments[i][prop]\n          }\n      }\n    }\n  }\n\n  return mergeTarget\n}\n\nexport function mergeStyles (\n  target: undefined | string | object[] | object,\n  source: undefined | string | object[] | object\n) {\n  if (!target) return source\n  if (!source) return target\n\n  target = wrapInArray(typeof target === 'string' ? parseStyle(target) : target)\n\n  return (target as object[]).concat(typeof source === 'string' ? parseStyle(source) : source)\n}\n\nexport function mergeClasses (target: any, source: any) {\n  if (!source) return target\n  if (!target) return source\n\n  return target ? wrapInArray(target).concat(source) : source\n}\n\nexport function mergeListeners (...args: [\n  { [key: string]: Function | Function[] } | undefined,\n  { [key: string]: Function | Function[] } | undefined\n]) {\n  if (!args[0]) return args[1]\n  if (!args[1]) return args[0]\n\n  const dest: { [key: string]: Function | Function[] } = {}\n\n  for (let i = 2; i--;) {\n    const arg = args[i]\n    for (const event in arg) {\n      if (!arg[event]) continue\n\n      if (dest[event]) {\n        // Merge current listeners before (because we are iterating backwards).\n        // Note that neither \"target\" or \"source\" must be altered.\n        dest[event] = ([] as Function[]).concat(arg[event], dest[event])\n      } else {\n        // Straight assign.\n        dest[event] = arg[event]\n      }\n    }\n  }\n\n  return dest\n}\n"],"sourceRoot":"","file":"mergeData.js"}
+{"version":3,"sources":["../../src/util/mergeData.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @copyright 2017 Alex Regan\n * @license MIT\n * @see https://github.com/alexsasharegan/vue-functional-data-merge\n */\n/* eslint-disable max-statements */\nimport { VNodeData } from 'vue'\nimport { camelize, wrapInArray } from './helpers'\n\nconst pattern = {\n  styleList: /;(?![^(]*\\))/g,\n  styleProp: /:(.*)/,\n} as const\n\nfunction parseStyle (style: string) {\n  const styleMap: Dictionary<any> = {}\n\n  for (const s of style.split(pattern.styleList)) {\n    let [key, val] = s.split(pattern.styleProp)\n    key = key.trim()\n    if (!key) {\n      continue\n    }\n    // May be undefined if the `key: value` pair is incomplete.\n    if (typeof val === 'string') {\n      val = val.trim()\n    }\n    styleMap[camelize(key)] = val\n  }\n\n  return styleMap\n}\n\n/**\n * Intelligently merges data for createElement.\n * Merges arguments left to right, preferring the right argument.\n * Returns new VNodeData object.\n */\nexport default function mergeData (...vNodeData: VNodeData[]): VNodeData\nexport default function mergeData (): VNodeData {\n  const mergeTarget: VNodeData & Dictionary<any> = {}\n  let i: number = arguments.length\n  let prop: string\n\n  // Allow for variadic argument length.\n  while (i--) {\n    // Iterate through the data properties and execute merge strategies\n    // Object.keys eliminates need for hasOwnProperty call\n    for (prop of Object.keys(arguments[i])) {\n      switch (prop) {\n        // Array merge strategy (array concatenation)\n        case 'class':\n        case 'directives':\n          if (arguments[i][prop]) {\n            mergeTarget[prop] = mergeClasses(mergeTarget[prop], arguments[i][prop])\n          }\n          break\n        case 'style':\n          if (arguments[i][prop]) {\n            mergeTarget[prop] = mergeStyles(mergeTarget[prop], arguments[i][prop])\n          }\n          break\n        // Space delimited string concatenation strategy\n        case 'staticClass':\n          if (!arguments[i][prop]) {\n            break\n          }\n          if (mergeTarget[prop] === undefined) {\n            mergeTarget[prop] = ''\n          }\n          if (mergeTarget[prop]) {\n            // Not an empty string, so concatenate\n            mergeTarget[prop] += ' '\n          }\n          mergeTarget[prop] += arguments[i][prop].trim()\n          break\n        // Object, the properties of which to merge via array merge strategy (array concatenation).\n        // Callback merge strategy merges callbacks to the beginning of the array,\n        // so that the last defined callback will be invoked first.\n        // This is done since to mimic how Object.assign merging\n        // uses the last given value to assign.\n        case 'on':\n        case 'nativeOn':\n          if (arguments[i][prop]) {\n            mergeTarget[prop] = mergeListeners(mergeTarget[prop], arguments[i][prop])\n          }\n          break\n        // Object merge strategy\n        case 'attrs':\n        case 'props':\n        case 'domProps':\n        case 'scopedSlots':\n        case 'staticStyle':\n        case 'hook':\n        case 'transition':\n          if (!arguments[i][prop]) {\n            break\n          }\n          if (!mergeTarget[prop]) {\n            mergeTarget[prop] = {}\n          }\n          mergeTarget[prop] = { ...arguments[i][prop], ...mergeTarget[prop] }\n          break\n        // Reassignment strategy (no merge)\n        default: // slot, key, ref, tag, show, keepAlive\n          if (!mergeTarget[prop]) {\n            mergeTarget[prop] = arguments[i][prop]\n          }\n      }\n    }\n  }\n\n  return mergeTarget\n}\n\nexport function mergeStyles (\n  target: undefined | string | object[] | object,\n  source: undefined | string | object[] | object\n) {\n  if (!target) return source\n  if (!source) return target\n\n  target = wrapInArray(typeof target === 'string' ? parseStyle(target) : target)\n\n  return (target as object[]).concat(typeof source === 'string' ? parseStyle(source) : source)\n}\n\nexport function mergeClasses (target: any, source: any) {\n  if (!source) return target\n  if (!target) return source\n\n  return target ? wrapInArray(target).concat(source) : source\n}\n\nexport function mergeListeners (...args: [\n  { [key: string]: Function | Function[] } | undefined,\n  { [key: string]: Function | Function[] } | undefined\n]) {\n  if (!args[0]) return args[1]\n  if (!args[1]) return args[0]\n\n  const dest: { [key: string]: Function | Function[] } = {}\n\n  for (let i = 2; i--;) {\n    const arg = args[i]\n    for (const event in arg) {\n      if (!arg[event]) continue\n\n      if (dest[event]) {\n        // Merge current listeners before (because we are iterating backwards).\n        // Note that neither \"target\" or \"source\" must be altered.\n        dest[event] = ([] as Function[]).concat(arg[event], dest[event])\n      } else {\n        // Straight assign.\n        dest[event] = arg[event]\n      }\n    }\n  }\n\n  return dest\n}\n"],"sourceRoot":"","file":"mergeData.js"}

package/lib/util/mixins.js

@@ -1,13 +1,8 @@
 /* eslint-disable max-len, import/export, no-use-before-define */
+import Vue from 'vue';
 export default function mixins(...args) {
-  return {
-    extend(options) {
-      return {
-        mixins: args,
-        ...options
-      };
-    }
-
-  };
+  return Vue.extend({
+    mixins: args
+  });
 }
 //# sourceMappingURL=mixins.js.map

package/lib/util/mixins.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/util/mixins.ts"],"names":[],"mappings":"AAAA;AACA,eAAc,SAAU,MAAV,CAAkB,GAAG,IAArB,EAAyB;AACrC,SAAO;AACL,IAAA,MAAM,CAAC,OAAD,EAAQ;AACZ,aAAO;AACL,QAAA,MAAM,EAAE,IADH;AAEL,WAAG;AAFE,OAAP;AAID;;AANI,GAAP;AAQD","sourcesContent":["/* eslint-disable max-len, import/export, no-use-before-define */\nexport default function mixins (...args){\n  return {\n    extend(options) {\n      return {\n        mixins: args,\n        ...options\n      }\n    }\n  }\n}"],"sourceRoot":"","file":"mixins.js"}
+{"version":3,"sources":["../../src/util/mixins.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,GAAP,MAAoC,KAApC;AAIA,eAAc,SAAU,MAAV,CAAkB,GAAG,IAArB,EAA2C;AACvD,SAAO,GAAG,CAAC,MAAJ,CAAW;AAAE,IAAA,MAAM,EAAE;AAAV,GAAX,CAAP;AACD","sourcesContent":["/* eslint-disable max-len, import/export, no-use-before-define */\nimport Vue, { VueConstructor } from 'vue'\n\nexport default function mixins<T extends VueConstructor[]> (...args: T): ExtractVue<T> extends infer V ? V extends Vue ? VueConstructor<V> : never : never\nexport default function mixins<T extends Vue> (...args: VueConstructor[]): VueConstructor<T>\nexport default function mixins (...args: VueConstructor[]): VueConstructor {\n  return Vue.extend({ mixins: args })\n}\n\n/**\n * Returns the instance type from a VueConstructor\n * Useful for adding types when using mixins().extend()\n */\nexport type ExtractVue<T extends VueConstructor | VueConstructor[]> = T extends (infer U)[]\n  ? UnionToIntersection<\n    U extends VueConstructor<infer V> ? V : never\n  >\n  : T extends VueConstructor<infer V> ? V : never\n\ntype UnionToIntersection<U> =\n  (U extends any ? (k: U) => void : never) extends ((k: infer I) => void) ? I : never\n"],"sourceRoot":"","file":"mixins.js"}

package/lib/vuetify.js

@@ -0,0 +1,19 @@
+import * as components from './components';
+import * as directives from './directives';
+import Vuetify from './framework';
+const install = Vuetify.install;
+
+Vuetify.install = (Vue, args) => {
+  install.call(Vuetify, Vue, {
+    components,
+    directives,
+    ...args
+  });
+};
+
+if (typeof window !== 'undefined' && window.Vue) {
+  window.Vue.use(Vuetify);
+}
+
+export { Vuetify };
+//# sourceMappingURL=vuetify.js.map

package/lib/vuetify.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/vuetify.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAZ,MAA4B,cAA5B;AACA,OAAO,KAAK,UAAZ,MAA4B,cAA5B;AACA,OAAO,OAAP,MAAoB,aAApB;AAEA,MAAM,OAAO,GAAG,OAAO,CAAC,OAAxB;;AAEA,OAAO,CAAC,OAAR,GAAkB,CAAC,GAAD,EAAM,IAAN,KAAc;AAC9B,EAAA,OAAO,CAAC,IAAR,CAAa,OAAb,EAAsB,GAAtB,EAA2B;AACzB,IAAA,UADyB;AAEzB,IAAA,UAFyB;AAGzB,OAAG;AAHsB,GAA3B;AAKD,CAND;;AAQA,IAAI,OAAO,MAAP,KAAkB,WAAlB,IAAiC,MAAM,CAAC,GAA5C,EAAiD;AAC/C,EAAA,MAAM,CAAC,GAAP,CAAW,GAAX,CAAe,OAAf;AACD;;AAED,SAAS,OAAT","sourcesContent":["import * as components from './components'\nimport * as directives from './directives'\nimport Vuetify from './framework'\n\nconst install = Vuetify.install\n\nVuetify.install = (Vue, args) => {\n  install.call(Vuetify, Vue, {\n    components,\n    directives,\n    ...args,\n  })\n}\n\nif (typeof window !== 'undefined' && window.Vue) {\n  window.Vue.use(Vuetify)\n}\n\nexport { Vuetify }\n"],"sourceRoot":"","file":"vuetify.js"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dimailn/vuetify",
   "description": "Vue Material Component Framework",
-  "version": "2.7.2-alpha0",
+  "version": "2.7.2-superbundle",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"
@@ -34,6 +34,11 @@
   "jsdelivr": "dist/vuetify.js",
   "unpkg": "dist/vuetify.js",
   "types": "types/index.d.ts",
+  "sideEffects": [
+    "*.sass",
+    "*.scss",
+    "*.css"
+  ],
   "files": [
     "src/",
     "dist/",
@@ -46,7 +51,7 @@
     "watch": "cross-env TARGET=development webpack --config build/config.js --progress --hide-modules --watch",
     "dev": "cross-env NODE_ENV=development webpack-dev-server --config build/webpack.dev.config.js --hot",
     "build": "concurrently \"yarn build:dist --no-progress\" \"yarn build:lib\" -n \"dist,lib\" --kill-others-on-fail -r && yarn build:json",
-    "build:dist": "rimraf dist && cross-env NODE_ENV=production webpack --config build/config.js --progress --hide-modules",
+    "build:dist": "rimraf dist && cross-env NODE_ENV=production webpack --config build/config.js --progress --hide-modules && node build/build-sass-bundle.js",
     "build:json": "node build/build-json.js",
     "tsc": "tsc",
     "build:lib": "node build/build-lib.js",
@@ -66,7 +71,7 @@
     "@types/jest": "^26.0.14",
     "@types/node": "^14.11.10",
     "@types/resize-observer-browser": "^0.1.7",
-    "@vue/test-utils": "2.4.6",
+    "@vue/test-utils": "1.0.0-beta.29",
     "autoprefixer": "^9.6.1",
     "babel-loader": "^8.0.6",
     "babel-plugin-detective": "^2.0.0",
@@ -98,12 +103,8 @@
     "vuetify-loader": "^1.3.0",
     "webpack-dev-server": "^3.7.2"
   },
-  "dependencies": {
-    "core-js": "^3.37.1",
-    "vue": "^3.4.21"
-  },
   "peerDependencies": {
-    "vue": "^3.4.21"
+    "vue": "^2.6.4"
   },
   "publishConfig": {
     "access": "public"

package/src/components/VAlert/VAlert.ts

@@ -1,4 +1,3 @@
-import {h, vShow, withDirectives} from 'vue'
 // Styles
 import './VAlert.sass'
 
@@ -20,7 +19,7 @@ import { breaking } from '../../util/console'
 import { getSlot } from '../../util/helpers'
 
 // Types
-import { VNodeData, Transition } from 'vue'
+import { VNodeData } from 'vue'
 import { VNode } from 'vue/types'
 
 /* @vue/component */
@@ -86,9 +85,10 @@ export default mixins(
       if (!this.border) return null
 
       let data: VNodeData = {
-        class: ['v-alert__border', {
+        staticClass: 'v-alert__border',
+        class: {
           [`v-alert__border--${this.border}`]: true,
-        }]
+        },
       }
 
       if (this.coloredBorder) {
@@ -96,37 +96,43 @@ export default mixins(
         data.class['v-alert__border--has-color'] = true
       }
 
-      return h('div', data)
+      return this.$createElement('div', data)
     },
     __cachedDismissible (): VNode | null {
       if (!this.dismissible) return null
 
       const color = this.iconColor
 
-      return h(VBtn, {
-        class: 'v-alert__dismissible',
-        color,
-        icon: true,
-        small: true,
-        'aria-label': this.$vuetify.lang.t(this.closeLabel),
-        onClick: () => (this.isActive = false),
-      }, [
-        h(VIcon, {
+      return this.$createElement(VBtn, {
+        staticClass: 'v-alert__dismissible',
+        props: {
           color,
+          icon: true,
+          small: true,
+        },
+        attrs: {
+          'aria-label': this.$vuetify.lang.t(this.closeLabel),
+        },
+        on: {
+          click: () => (this.isActive = false),
+        },
+      }, [
+        this.$createElement(VIcon, {
+          props: { color },
         }, this.closeIcon),
       ])
     },
     __cachedIcon (): VNode | null {
       if (!this.computedIcon) return null
 
-      return h(VIcon, {
-        class: 'v-alert__icon',
-        color: this.iconColor,
+      return this.$createElement(VIcon, {
+        staticClass: 'v-alert__icon',
+        props: { color: this.iconColor },
       }, this.computedIcon)
     },
     classes (): object {
       const classes: Record<string, boolean> = {
-        ...VSheet.computed.classes.call(this),
+        ...VSheet.options.computed.classes.call(this),
         'v-alert--border': Boolean(this.border),
         'v-alert--dense': this.dense,
         'v-alert--outlined': this.outlined,
@@ -169,7 +175,7 @@ export default mixins(
         !this.outlined
       ) return true
 
-      return Themeable.computed.isDark.call(this)
+      return Themeable.options.computed.isDark.call(this)
     },
   },
 
@@ -187,43 +193,43 @@ export default mixins(
         this.genContent(),
         this.__cachedBorder,
         getSlot(this, 'append'),
-        this.$slots.close
-          ? this.$slots.close({ toggle: this.toggle })
+        this.$scopedSlots.close
+          ? this.$scopedSlots.close({ toggle: this.toggle })
           : this.__cachedDismissible,
       ]
 
       const data: VNodeData = {
-        class: 'v-alert__wrapper',
+        staticClass: 'v-alert__wrapper',
       }
 
-      return h('div', data, children)
+      return this.$createElement('div', data, children)
     },
     genContent (): VNode {
-      return h('div', {
-        class: 'v-alert__content',
+      return this.$createElement('div', {
+        staticClass: 'v-alert__content',
       }, getSlot(this))
     },
     genAlert (): VNode {
       let data: VNodeData = {
-        class: ['v-alert', this.classes],
-        role: 'alert',
-        ...this.listeners$,
-        style: this.styles
+        staticClass: 'v-alert',
+        attrs: {
+          role: 'alert',
+        },
+        on: this.listeners$,
+        class: this.classes,
+        style: this.styles,
+        directives: [{
+          name: 'show',
+          value: this.isActive,
+        }],
       }
 
-      const directives = [
-        [
-          vShow,
-          this.isActive
-        ]
-      ]
-
       if (!this.coloredBorder) {
         const setColor = this.hasText ? this.setTextColor : this.setBackgroundColor
         data = setColor(this.computedColor, data)
       }
 
-      return withDirectives(h('div', data, [this.genWrapper()]), directives)
+      return this.$createElement('div', data, [this.genWrapper()])
     },
     /** @public */
     toggle () {
@@ -231,15 +237,17 @@ export default mixins(
     },
   },
 
-  render (): VNode {
+  render (h): VNode {
     const render = this.genAlert()
 
     if (!this.transition) return render
 
-    return h(Transition, {
-      name: this.transition,
-      origin: this.origin,
-      mode: this.mode
+    return h('transition', {
+      props: {
+        name: this.transition,
+        origin: this.origin,
+        mode: this.mode,
+      },
     }, [render])
   },
 })

package/src/components/VApp/VApp.ts

@@ -7,14 +7,12 @@ import Themeable from '../../mixins/themeable'
 // Utilities
 import mixins from '../../util/mixins'
 import { getSlot } from '../../util/helpers'
-import {h} from 'vue'
 
 /* @vue/component */
-export default {
+export default mixins(
+  Themeable
+).extend({
   name: 'v-app',
-  mixins: [
-    Themeable
-  ],
 
   props: {
     dark: {
@@ -43,18 +41,18 @@ export default {
     }
   },
 
-  render () {
-    const wrapper = h('div', { class: 'v-application--wrap' }, getSlot(this))
+  render (h) {
+    const wrapper = h('div', { staticClass: 'v-application--wrap' }, getSlot(this))
 
     return h('div', {
+      staticClass: 'v-application',
       class: {
-        'v-application': true,
         'v-application--is-rtl': this.$vuetify.rtl,
         'v-application--is-ltr': !this.$vuetify.rtl,
         ...this.themeClasses,
       },
-      'data-app': true,
-      id: this.id,
+      attrs: { 'data-app': true },
+      domProps: { id: this.id },
     }, [wrapper])
   },
-}
+})

package/src/components/VAppBar/VAppBar.ts

@@ -1,4 +1,3 @@
-import {h} from 'vue'
 // Styles
 import './VAppBar.sass'
 
@@ -75,7 +74,7 @@ export default baseMixins.extend({
     },
     canScroll (): boolean {
       return (
-        Scrollable.computed.canScroll.call(this) &&
+        Scrollable.options.computed.canScroll.call(this) &&
         (
           this.invertedScroll ||
           this.elevateOnScroll ||
@@ -91,7 +90,7 @@ export default baseMixins.extend({
     },
     classes (): object {
       return {
-        ...VToolbar.computed.classes.call(this),
+        ...VToolbar.options.computed.classes.call(this),
         'v-toolbar--collapse': this.collapse || this.collapseOnScroll,
         'v-app-bar': true,
         'v-app-bar--clipped': this.clippedLeft || this.clippedRight,
@@ -108,7 +107,7 @@ export default baseMixins.extend({
       return Math.max((threshold - this.currentScroll) / threshold, 0)
     },
     computedContentHeight (): number {
-      if (!this.shrinkOnScroll) return VToolbar.computed.computedContentHeight.call(this)
+      if (!this.shrinkOnScroll) return VToolbar.options.computed.computedContentHeight.call(this)
 
       const min = this.dense ? 48 : 56
       const max = this.computedOriginalHeight
@@ -139,7 +138,7 @@ export default baseMixins.extend({
       return this.scrollRatio
     },
     computedOriginalHeight (): number {
-      let height = VToolbar.computed.computedContentHeight.call(this)
+      let height = VToolbar.options.computed.computedContentHeight.call(this)
       if (this.isExtended) height += parseInt(this.extensionHeight)
       return height
     },
@@ -184,20 +183,20 @@ export default baseMixins.extend({
     },
     isCollapsed (): boolean {
       if (!this.collapseOnScroll) {
-        return VToolbar.computed.isCollapsed.call(this)
+        return VToolbar.options.computed.isCollapsed.call(this)
       }
 
       return this.currentScroll > 0
     },
     isProminent (): boolean {
       return (
-        VToolbar.computed.isProminent.call(this) ||
+        VToolbar.options.computed.isProminent.call(this) ||
         this.shrinkOnScroll
       )
     },
     styles (): object {
       return {
-        ...VToolbar.computed.styles.call(this),
+        ...VToolbar.options.computed.styles.call(this),
         fontSize: convertToUnit(this.computedFontSize, 'rem'),
         marginTop: convertToUnit(this.computedMarginTop),
         transform: `translateY(${convertToUnit(this.computedTransform)})`,
@@ -237,7 +236,7 @@ export default baseMixins.extend({
 
   methods: {
     genBackground () {
-      const render = VToolbar.methods.genBackground.call(this)
+      const render = VToolbar.options.methods.genBackground.call(this)
 
       render.data = this._b(render.data || {}, render.tag!, {
         style: { opacity: this.computedOpacity },
@@ -267,8 +266,8 @@ export default baseMixins.extend({
     },
   },
 
-  render (): VNode {
-    const render = VToolbar.render.call(this, h)
+  render (h): VNode {
+    const render = VToolbar.options.render.call(this, h)
 
     render.data = render.data || {}
 

package/src/components/VAppBar/VAppBarNavIcon.ts

@@ -3,23 +3,25 @@ import VIcon from '../VIcon'
 import VBtn from '../VBtn/VBtn'
 
 // Types
-import {defineComponent, h} from 'vue'
+import Vue from 'vue'
 
 /* @vue/component */
-export default defineComponent({
+export default Vue.extend({
   name: 'v-app-bar-nav-icon',
 
   functional: true,
 
-  render () {
-    const data = this.$attrs
-
-    const d = Object.assign({}, data, {
-      class: (`v-app-bar__nav-icon ${data.class || ''}`).trim(),
-      icon: true,
+  render (h, { slots, listeners, props, data }) {
+    const d = Object.assign(data, {
+      staticClass: (`v-app-bar__nav-icon ${data.staticClass || ''}`).trim(),
+      props: {
+        ...props,
+        icon: true,
+      },
+      on: listeners,
     })
 
-    const defaultSlot = this.$slots.default?.()
+    const defaultSlot = slots().default
 
     return h(VBtn, d, defaultSlot || [h(VIcon, '$menu')])
   },

package/src/components/VAppBar/VAppBarTitle.ts

@@ -1,4 +1,3 @@
-import {h} from 'vue'
 // Mixins
 import { inject } from '../../mixins/registrable'
 
@@ -20,9 +19,8 @@ interface options extends ExtractVue<typeof base> {
   }
 }
 
-export default {
+export default base.extend<options>().extend({
   name: 'v-app-bar-title',
-  extends: base,
 
   data: () => ({
     contentWidth: 0,
@@ -61,7 +59,7 @@ export default {
     },
   },
 
-  render (): VNode {
+  render (h): VNode {
     return h('div', {
       class: 'v-toolbar__title v-app-bar-title',
     }, [
@@ -79,4 +77,4 @@ export default {
       }, getSlot(this)),
     ])
   },
-}
+})

package/src/components/VAutocomplete/VAutocomplete.ts

@@ -14,7 +14,7 @@ import {
 } from '../../util/helpers'
 
 // Types
-import { PropType, VNode, defineComponent } from 'vue'
+import { PropType, VNode } from 'vue'
 import { PropValidator } from 'vue/types/options'
 
 const defaultMenuProps = {
@@ -25,9 +25,8 @@ const defaultMenuProps = {
 }
 
 /* @vue/component */
-export default defineComponent({
+export default VSelect.extend({
   name: 'v-autocomplete',
-  extends: VSelect,
 
   props: {
     autoSelectFirst: {
@@ -42,7 +41,7 @@ export default defineComponent({
     } as PropValidator<(item: any, queryText: string, itemText: string) => boolean>,
     hideNoData: Boolean,
     menuProps: {
-      type: VSelect.props.menuProps.type,
+      type: VSelect.options.props.menuProps.type,
       default: () => defaultMenuProps,
     },
     noFilter: Boolean,
@@ -60,7 +59,7 @@ export default defineComponent({
   computed: {
     classes (): object {
       return {
-        ...VSelect.computed.classes.call(this),
+        ...VSelect.options.computed.classes.call(this),
         'v-autocomplete': true,
         'v-autocomplete--is-selecting-index': this.selectedIndex > -1,
       }
@@ -125,7 +124,7 @@ export default defineComponent({
       return this.hasDisplayedItems || !this.hideNoData
     },
     $_menuProps (): object {
-      const props = VSelect.computed.$_menuProps.call(this);
+      const props = VSelect.options.computed.$_menuProps.call(this);
       (props as any).contentClass = `v-autocomplete__content ${(props as any).contentClass || ''}`.trim()
       return {
         ...defaultMenuProps,
@@ -144,7 +143,7 @@ export default defineComponent({
       })
     },
     listData () {
-      const data = VSelect.computed.listData.call(this) as any
+      const data = VSelect.options.computed.listData.call(this) as any
 
       data.props = {
         ...data.props,
@@ -308,29 +307,31 @@ export default defineComponent({
     clearableCallback () {
       this.internalSearch = null
 
-      VSelect.methods.clearableCallback.call(this)
+      VSelect.options.methods.clearableCallback.call(this)
     },
     genInput () {
-      const input = VTextField.methods.genInput.call(this)
-
-      input.data = mergeData(input.props!, {
-        'aria-activedescendant': getObjectValueByPath(this.$refs.menu, 'activeTile.id'),
-        autocomplete: getObjectValueByPath(input.data!, 'attrs.autocomplete', 'off'),
-        value: this.internalSearch,
+      const input = VTextField.options.methods.genInput.call(this)
+
+      input.data = mergeData(input.data!, {
+        attrs: {
+          'aria-activedescendant': getObjectValueByPath(this.$refs.menu, 'activeTile.id'),
+          autocomplete: getObjectValueByPath(input.data!, 'attrs.autocomplete', 'off'),
+        },
+        domProps: { value: this.internalSearch },
       })
 
       return input
     },
     genInputSlot () {
-      const slot = VSelect.methods.genInputSlot.call(this)
+      const slot = VSelect.options.methods.genInputSlot.call(this)
 
-      slot.props.role = 'combobox'
+      slot.data!.attrs!.role = 'combobox'
 
       return slot
     },
     genSelections (): VNode | never[] {
       return this.hasSlot || this.multiple
-        ? VSelect.methods.genSelections.call(this)
+        ? VSelect.options.methods.genSelections.call(this)
         : []
     },
     onClick (e: MouseEvent) {
@@ -366,7 +367,7 @@ export default defineComponent({
         e.ctrlKey ||
         ![keyCodes.home, keyCodes.end].includes(keyCode)
       ) {
-        VSelect.methods.onKeyDown.call(this, e)
+        VSelect.options.methods.onKeyDown.call(this, e)
       }
 
       // The ordering is important here
@@ -377,7 +378,7 @@ export default defineComponent({
     },
     onSpaceDown (e: KeyboardEvent) { /* noop */ },
     onTabDown (e: KeyboardEvent) {
-      VSelect.methods.onTabDown.call(this, e)
+      VSelect.options.methods.onTabDown.call(this, e)
       this.updateSelf()
     },
     onUpDown (e: Event) {
@@ -390,11 +391,11 @@ export default defineComponent({
       this.activateMenu()
     },
     selectItem (item: object) {
-      VSelect.methods.selectItem.call(this, item)
+      VSelect.options.methods.selectItem.call(this, item)
       this.setSearch()
     },
     setSelectedItems () {
-      VSelect.methods.setSelectedItems.call(this)
+      VSelect.options.methods.setSelectedItems.call(this)
 
       // #4273 Don't replace if searching
       // #4403 Don't replace if focused

package/src/components/VAvatar/VAvatar.ts

@@ -1,4 +1,3 @@
-import {h} from 'vue'
 import './VAvatar.sass'
 
 // Mixins
@@ -48,11 +47,12 @@ export default mixins(
     },
   },
 
-  render (): VNode {
+  render (h): VNode {
     const data = {
-      class: ['v-avatar', this.classes],
+      staticClass: 'v-avatar',
+      class: this.classes,
       style: this.styles,
-      ...this.$listeners,
+      on: this.$listeners,
     }
 
     return h('div', this.setBackgroundColor(this.color, data), getSlot(this))