@dimailn/vuetify 2.7.2-alpha0

package/src/services/goto/util.ts

@@ -0,0 +1,50 @@
+import Vue from 'vue'
+
+// Return target's cumulative offset from the top
+export function getOffset (target: any): number {
+  if (typeof target === 'number') {
+    return target
+  }
+
+  let el = $(target)
+
+  if (!el) {
+    throw typeof target === 'string'
+      ? new Error(`Target element "${target}" not found.`)
+      : new TypeError(`Target must be a Number/Selector/HTMLElement/VueComponent, received ${type(target)} instead.`)
+  }
+
+  let totalOffset = 0
+  while (el) {
+    totalOffset += el.offsetTop
+    el = el.offsetParent as HTMLElement
+  }
+
+  return totalOffset
+}
+
+export function getContainer (container: any): HTMLElement {
+  const el = $(container)
+
+  if (el) return el
+
+  throw typeof container === 'string'
+    ? new Error(`Container element "${container}" not found.`)
+    : new TypeError(`Container must be a Selector/HTMLElement/VueComponent, received ${type(container)} instead.`)
+}
+
+function type (el: any) {
+  return el == null ? el : el.constructor.name
+}
+
+function $ (el: any): HTMLElement | null {
+  if (typeof el === 'string') {
+    return document.querySelector<HTMLElement>(el)
+  } else if (el && el._isVue) {
+    return (el as Vue).$el as HTMLElement
+  } else if (el instanceof HTMLElement) {
+    return el
+  } else {
+    return null
+  }
+}

package/src/services/icons/__tests__/__snapshots__/icons.spec.ts.snap

@@ -0,0 +1,77 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Icons.ts should generate default icons 1`] = `
+Object {
+  "cancel": "mdi-close-circle",
+  "checkboxIndeterminate": "mdi-minus-box",
+  "checkboxOff": "mdi-checkbox-blank-outline",
+  "checkboxOn": "mdi-checkbox-marked",
+  "clear": "mdi-close",
+  "close": "mdi-close",
+  "complete": "mdi-check",
+  "delete": "mdi-close-circle",
+  "delimiter": "mdi-circle",
+  "dropdown": "mdi-menu-down",
+  "edit": "mdi-pencil",
+  "error": "mdi-alert",
+  "expand": "mdi-chevron-down",
+  "file": "mdi-paperclip",
+  "first": "mdi-page-first",
+  "info": "mdi-information",
+  "last": "mdi-page-last",
+  "loading": "mdi-cached",
+  "menu": "mdi-menu",
+  "minus": "mdi-minus",
+  "next": "mdi-chevron-right",
+  "plus": "mdi-plus",
+  "prev": "mdi-chevron-left",
+  "radioOff": "mdi-radiobox-blank",
+  "radioOn": "mdi-radiobox-marked",
+  "ratingEmpty": "mdi-star-outline",
+  "ratingFull": "mdi-star",
+  "ratingHalf": "mdi-star-half-full",
+  "sort": "mdi-arrow-up",
+  "subgroup": "mdi-menu-down",
+  "success": "mdi-check-circle",
+  "unfold": "mdi-unfold-more-horizontal",
+  "warning": "mdi-exclamation",
+}
+`;
+
+exports[`Icons.ts should use a custom iconfont preset 1`] = `
+Object {
+  "cancel": "fa fa-times-circle",
+  "checkboxIndeterminate": "fa fa-minus-square",
+  "checkboxOff": "fa fa-square-o",
+  "checkboxOn": "fa fa-check-square",
+  "clear": "fa fa-times-circle",
+  "close": "fa fa-times",
+  "complete": "fa fa-check",
+  "delete": "fa fa-times-circle",
+  "delimiter": "fa fa-circle",
+  "dropdown": "fa fa-caret-down",
+  "edit": "fa fa-pencil",
+  "error": "fa fa-exclamation-triangle",
+  "expand": "fa fa-chevron-down",
+  "file": "fa fa-paperclip",
+  "first": "fa fa-step-backward",
+  "info": "fa fa-info-circle",
+  "last": "fa fa-step-forward",
+  "loading": "fa fa-refresh",
+  "menu": "fa fa-bars",
+  "minus": "fa fa-minus",
+  "next": "fa fa-chevron-right",
+  "plus": "fa fa-plus",
+  "prev": "fa fa-chevron-left",
+  "radioOff": "fa fa-circle-o",
+  "radioOn": "fa fa-dot-circle-o",
+  "ratingEmpty": "fa fa-star-o",
+  "ratingFull": "fa fa-star",
+  "ratingHalf": "fa fa-star-half-o",
+  "sort": "fa fa-sort-up",
+  "subgroup": "fa fa-caret-down",
+  "success": "fa fa-check-circle",
+  "unfold": "fa fa-angle-double-down",
+  "warning": "fa fa-exclamation",
+}
+`;

package/src/services/icons/__tests__/icons.spec.ts

@@ -0,0 +1,31 @@
+// Service
+import { Icons } from '../index'
+
+// Preset
+import { preset } from '../../../presets/default'
+
+describe('Icons.ts', () => {
+  let icon
+
+  it('should generate default icons', () => {
+    icon = new Icons(preset)
+
+    expect(icon.values).toMatchSnapshot()
+  })
+
+  it('should use a custom iconfont preset', () => {
+    preset.icons.iconfont = 'fa4'
+    icon = new Icons(preset)
+
+    expect(icon.values).toMatchSnapshot()
+  })
+
+  it('should accept custom icons', () => {
+    preset.icons.iconfont = 'fa4'
+    preset.icons.values.complete = 'fizzbuzz'
+
+    icon = new Icons(preset)
+
+    expect(icon.values.complete).toBe('fizzbuzz')
+  })
+})

package/src/services/icons/index.ts

@@ -0,0 +1,39 @@
+// Extensions
+import { Service } from '../service'
+
+// Utilities
+import { mergeDeep } from '../../util/helpers'
+
+// Types
+import { VuetifyPreset } from 'vuetify/types/services/presets'
+import { Icons as IIcons } from 'vuetify/types/services/icons'
+
+// Presets
+import presets from './presets'
+
+export class Icons extends Service implements IIcons {
+  static property: 'icons' = 'icons'
+
+  public iconfont: IIcons['iconfont']
+
+  public values: IIcons['values']
+
+  public component: IIcons['component']
+
+  constructor (preset: VuetifyPreset) {
+    super()
+
+    const {
+      iconfont,
+      values,
+      component,
+    } = preset[Icons.property]
+
+    this.component = component
+    this.iconfont = iconfont
+    this.values = mergeDeep(
+      presets[iconfont],
+      values
+    ) as IIcons['values']
+  }
+}

package/src/services/icons/presets/fa-svg.ts

@@ -0,0 +1,23 @@
+import { VuetifyIcons } from 'vuetify/types/services/icons'
+import { Component } from 'vue'
+import icons from './fa'
+
+export function convertToComponentDeclarations (
+  component: Component | string,
+  iconSet: VuetifyIcons,
+) {
+  const result: Partial<VuetifyIcons> = {}
+
+  for (const key in iconSet) {
+    result[key] = {
+      component,
+      props: {
+        icon: (iconSet[key] as string).split(' fa-'),
+      },
+    }
+  }
+
+  return result as VuetifyIcons
+}
+
+export default convertToComponentDeclarations('font-awesome-icon', icons)

package/src/services/icons/presets/fa.ts

@@ -0,0 +1,39 @@
+import { VuetifyIcons } from 'vuetify/types/services/icons'
+
+const icons: VuetifyIcons = {
+  complete: 'fas fa-check',
+  cancel: 'fas fa-times-circle',
+  close: 'fas fa-times',
+  delete: 'fas fa-times-circle', // delete (e.g. v-chip close)
+  clear: 'fas fa-times-circle', // delete (e.g. v-chip close)
+  success: 'fas fa-check-circle',
+  info: 'fas fa-info-circle',
+  warning: 'fas fa-exclamation-circle',
+  error: 'fas fa-exclamation-triangle',
+  prev: 'fas fa-chevron-left',
+  next: 'fas fa-chevron-right',
+  checkboxOn: 'fas fa-check-square',
+  checkboxOff: 'far fa-square', // note 'far'
+  checkboxIndeterminate: 'fas fa-minus-square',
+  delimiter: 'fas fa-circle', // for carousel
+  sort: 'fas fa-sort-up',
+  expand: 'fas fa-chevron-down',
+  menu: 'fas fa-bars',
+  subgroup: 'fas fa-caret-down',
+  dropdown: 'fas fa-caret-down',
+  radioOn: 'far fa-dot-circle',
+  radioOff: 'far fa-circle',
+  edit: 'fas fa-edit',
+  ratingEmpty: 'far fa-star',
+  ratingFull: 'fas fa-star',
+  ratingHalf: 'fas fa-star-half',
+  loading: 'fas fa-sync',
+  first: 'fas fa-step-backward',
+  last: 'fas fa-step-forward',
+  unfold: 'fas fa-arrows-alt-v',
+  file: 'fas fa-paperclip',
+  plus: 'fas fa-plus',
+  minus: 'fas fa-minus',
+}
+
+export default icons

package/src/services/icons/presets/fa4.ts

@@ -0,0 +1,39 @@
+import { VuetifyIcons } from 'vuetify/types/services/icons'
+
+const icons: VuetifyIcons = {
+  complete: 'fa fa-check',
+  cancel: 'fa fa-times-circle',
+  close: 'fa fa-times',
+  delete: 'fa fa-times-circle', // delete (e.g. v-chip close)
+  clear: 'fa fa-times-circle', // delete (e.g. v-chip close)
+  success: 'fa fa-check-circle',
+  info: 'fa fa-info-circle',
+  warning: 'fa fa-exclamation',
+  error: 'fa fa-exclamation-triangle',
+  prev: 'fa fa-chevron-left',
+  next: 'fa fa-chevron-right',
+  checkboxOn: 'fa fa-check-square',
+  checkboxOff: 'fa fa-square-o',
+  checkboxIndeterminate: 'fa fa-minus-square',
+  delimiter: 'fa fa-circle', // for carousel
+  sort: 'fa fa-sort-up',
+  expand: 'fa fa-chevron-down',
+  menu: 'fa fa-bars',
+  subgroup: 'fa fa-caret-down',
+  dropdown: 'fa fa-caret-down',
+  radioOn: 'fa fa-dot-circle-o',
+  radioOff: 'fa fa-circle-o',
+  edit: 'fa fa-pencil',
+  ratingEmpty: 'fa fa-star-o',
+  ratingFull: 'fa fa-star',
+  ratingHalf: 'fa fa-star-half-o',
+  loading: 'fa fa-refresh',
+  first: 'fa fa-step-backward',
+  last: 'fa fa-step-forward',
+  unfold: 'fa fa-angle-double-down',
+  file: 'fa fa-paperclip',
+  plus: 'fa fa-plus',
+  minus: 'fa fa-minus',
+}
+
+export default icons

package/src/services/icons/presets/index.ts

@@ -0,0 +1,15 @@
+import mdiSvg from './mdi-svg'
+import md from './md'
+import mdi from './mdi'
+import fa from './fa'
+import fa4 from './fa4'
+import faSvg from './fa-svg'
+
+export default Object.freeze({
+  mdiSvg,
+  md,
+  mdi,
+  fa,
+  fa4,
+  faSvg,
+})

package/src/services/icons/presets/md.ts

@@ -0,0 +1,39 @@
+import { VuetifyIcons } from 'vuetify/types/services/icons'
+
+const icons: VuetifyIcons = {
+  complete: 'check',
+  cancel: 'cancel',
+  close: 'close',
+  delete: 'cancel', // delete (e.g. v-chip close)
+  clear: 'clear',
+  success: 'check_circle',
+  info: 'info',
+  warning: 'priority_high',
+  error: 'warning',
+  prev: 'chevron_left',
+  next: 'chevron_right',
+  checkboxOn: 'check_box',
+  checkboxOff: 'check_box_outline_blank',
+  checkboxIndeterminate: 'indeterminate_check_box',
+  delimiter: 'fiber_manual_record', // for carousel
+  sort: 'arrow_upward',
+  expand: 'keyboard_arrow_down',
+  menu: 'menu',
+  subgroup: 'arrow_drop_down',
+  dropdown: 'arrow_drop_down',
+  radioOn: 'radio_button_checked',
+  radioOff: 'radio_button_unchecked',
+  edit: 'edit',
+  ratingEmpty: 'star_border',
+  ratingFull: 'star',
+  ratingHalf: 'star_half',
+  loading: 'cached',
+  first: 'first_page',
+  last: 'last_page',
+  unfold: 'unfold_more',
+  file: 'attach_file',
+  plus: 'add',
+  minus: 'remove',
+}
+
+export default icons

package/src/services/icons/presets/mdi-svg.ts

@@ -0,0 +1,39 @@
+import { VuetifyIcons } from 'vuetify/types/services/icons'
+
+const icons: VuetifyIcons = {
+  complete: 'M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z',
+  cancel: 'M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z',
+  close: 'M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z',
+  delete: 'M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z', // delete (e.g. v-chip close)
+  clear: 'M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z',
+  success: 'M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z',
+  info: 'M13,9H11V7H13M13,17H11V11H13M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2ZM13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z',
+  warning: 'M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z',
+  error: 'M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z',
+  prev: 'M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z',
+  next: 'M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z',
+  checkboxOn: 'M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3Z',
+  checkboxOff: 'M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z',
+  checkboxIndeterminate: 'M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3Z',
+  delimiter: 'M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2Z', // for carousel
+  sort: 'M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z',
+  expand: 'M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z',
+  menu: 'M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z',
+  subgroup: 'M7,10L12,15L17,10H7Z',
+  dropdown: 'M7,10L12,15L17,10H7Z',
+  radioOn: 'M12,20C7.58,20 4,16.42 4,12C4,7.58 7.58,4 12,4C16.42,4 20,7.58 20,12C20,16.42 16.42,20 12,20M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2M12,7C9.24,7 7,9.24 7,12C7,14.76 9.24,17 12,17C14.76,17 17,14.76 17,12C17,9.24 14.76,7 12,7Z',
+  radioOff: 'M12,20C7.58,20 4,16.42 4,12C4,7.58 7.58,4 12,4C16.42,4 20,7.58 20,12C20,16.42 16.42,20 12,20M12,2C6.48,2 2,6.48 2,12C2,17.52 6.48,22 12,22C17.52,22 22,17.52 22,12C22,6.48 17.52,2 12,2Z',
+  edit: 'M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z',
+  ratingEmpty: 'M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z',
+  ratingFull: 'M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z',
+  ratingHalf: 'M12,15.4V6.1L13.71,10.13L18.09,10.5L14.77,13.39L15.76,17.67M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z',
+  loading: 'M19,8L15,12H18C18,15.31 15.31,18 12,18C11,18 10.03,17.75 9.2,17.3L7.74,18.76C8.97,19.54 10.43,20 12,20C16.42,20 20,16.42 20,12H23M6,12C6,8.69 8.69,6 12,6C13,6 13.97,6.25 14.8,6.7L16.26,5.24C15.03,4.46 13.57,4 12,4C7.58,4 4,7.58 4,12H1L5,16L9,12',
+  first: 'M18.41,16.59L13.82,12L18.41,7.41L17,6L11,12L17,18L18.41,16.59M6,6H8V18H6V6Z',
+  last: 'M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z',
+  unfold: 'M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z',
+  file: 'M16.5,6V17.5C16.5,19.71 14.71,21.5 12.5,21.5C10.29,21.5 8.5,19.71 8.5,17.5V5C8.5,3.62 9.62,2.5 11,2.5C12.38,2.5 13.5,3.62 13.5,5V15.5C13.5,16.05 13.05,16.5 12.5,16.5C11.95,16.5 11.5,16.05 11.5,15.5V6H10V15.5C10,16.88 11.12,18 12.5,18C13.88,18 15,16.88 15,15.5V5C15,2.79 13.21,1 11,1C8.79,1 7,2.79 7,5V17.5C7,20.54 9.46,23 12.5,23C15.54,23 18,20.54 18,17.5V6H16.5Z',
+  plus: 'M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z',
+  minus: 'M19,13H5V11H19V13Z',
+}
+
+export default icons

package/src/services/icons/presets/mdi.ts

@@ -0,0 +1,39 @@
+import { VuetifyIcons } from 'vuetify/types/services/icons'
+
+const icons: VuetifyIcons = {
+  complete: 'mdi-check',
+  cancel: 'mdi-close-circle',
+  close: 'mdi-close',
+  delete: 'mdi-close-circle', // delete (e.g. v-chip close)
+  clear: 'mdi-close',
+  success: 'mdi-check-circle',
+  info: 'mdi-information',
+  warning: 'mdi-exclamation',
+  error: 'mdi-alert',
+  prev: 'mdi-chevron-left',
+  next: 'mdi-chevron-right',
+  checkboxOn: 'mdi-checkbox-marked',
+  checkboxOff: 'mdi-checkbox-blank-outline',
+  checkboxIndeterminate: 'mdi-minus-box',
+  delimiter: 'mdi-circle', // for carousel
+  sort: 'mdi-arrow-up',
+  expand: 'mdi-chevron-down',
+  menu: 'mdi-menu',
+  subgroup: 'mdi-menu-down',
+  dropdown: 'mdi-menu-down',
+  radioOn: 'mdi-radiobox-marked',
+  radioOff: 'mdi-radiobox-blank',
+  edit: 'mdi-pencil',
+  ratingEmpty: 'mdi-star-outline',
+  ratingFull: 'mdi-star',
+  ratingHalf: 'mdi-star-half-full',
+  loading: 'mdi-cached',
+  first: 'mdi-page-first',
+  last: 'mdi-page-last',
+  unfold: 'mdi-unfold-more-horizontal',
+  file: 'mdi-paperclip',
+  plus: 'mdi-plus',
+  minus: 'mdi-minus',
+}
+
+export default icons

package/src/services/index.ts

@@ -0,0 +1,7 @@
+export * from './application'
+export * from './breakpoint'
+export * from './goto'
+export * from './icons'
+export * from './lang'
+export * from './presets'
+export * from './theme'

package/src/services/lang/__tests__/lang.spec.ts

@@ -0,0 +1,70 @@
+// Service
+import { Lang } from '../index'
+
+// Preset
+import { preset } from '../../../presets/default'
+
+describe('$vuetify.lang', () => {
+  let lang: Lang
+
+  beforeEach(() => {
+    lang = new Lang(preset)
+  })
+
+  it('should fall back to en', () => {
+    Object.assign(lang.locales.en, { foo: 'bar', bar: 'baz' })
+    lang.locales.foreign = { foo: 'foreignBar' }
+    lang.current = 'foreign'
+
+    expect(lang.t('$vuetify.foo')).toBe('foreignBar')
+
+    expect(lang.t('$vuetify.bar')).toBe('baz')
+    expect('Translation key "bar" not found, falling back to default').toHaveBeenTipped()
+
+    expect(lang.t('$vuetify.baz')).toBe('$vuetify.baz')
+    expect('Translation key "baz" not found, falling back to default').toHaveBeenTipped()
+    expect('Translation key "baz" not found in fallback').toHaveBeenWarned()
+  })
+
+  it('should ignore unprefixed strings', () => {
+    expect(lang.t('foo.bar.baz')).toBe('foo.bar.baz')
+  })
+
+  it('should use a different default', () => {
+    lang = new Lang({
+      ...preset,
+      lang: {
+        current: 'foreign',
+        locales: {
+          foreign: { foo: 'foreignBar' },
+        },
+      },
+    })
+
+    expect(lang.t('$vuetify.foo')).toBe('foreignBar')
+  })
+
+  it('should use a custom translator', () => {
+    const translator = jest.fn(str => str)
+
+    lang = new Lang({
+      ...preset,
+      lang: { t: translator },
+    })
+
+    lang.t('$vuetify.foobar', 'fizzbuzz')
+
+    expect(translator).toHaveBeenCalledWith('$vuetify.foobar', 'fizzbuzz')
+  })
+
+  it('should replace params on a non-prefixed key', () => {
+    lang = new Lang({
+      ...preset,
+      lang: { t: str => str },
+    })
+
+    const translated = lang.t('{2} bar {0} foo {1}', 'hello', 'world', '!')
+
+    expect(translated).toBe('! bar hello foo world')
+  })
+})

package/src/services/lang/index.ts

@@ -0,0 +1,88 @@
+// Extensions
+import { Service } from '../service'
+
+// Utilities
+import { getObjectValueByPath } from '../../util/helpers'
+import { consoleError, consoleWarn } from '../../util/console'
+
+// Types
+import { VuetifyPreset } from 'vuetify/types/services/presets'
+import {
+  VuetifyLocale,
+  Lang as ILang,
+} from 'vuetify/types/services/lang'
+
+const LANG_PREFIX = '$vuetify.'
+const fallback = Symbol('Lang fallback')
+
+function getTranslation (
+  locale: VuetifyLocale,
+  key: string,
+  usingDefault = false,
+  defaultLocale: VuetifyLocale
+): string {
+  const shortKey = key.replace(LANG_PREFIX, '')
+  let translation = getObjectValueByPath(locale, shortKey, fallback) as string | typeof fallback
+
+  if (translation === fallback) {
+    if (usingDefault) {
+      consoleError(`Translation key "${shortKey}" not found in fallback`)
+      translation = key
+    } else {
+      consoleWarn(`Translation key "${shortKey}" not found, falling back to default`)
+      translation = getTranslation(defaultLocale, key, true, defaultLocale)
+    }
+  }
+
+  return translation
+}
+
+export class Lang extends Service implements ILang {
+  static property: 'lang' = 'lang'
+
+  public current: ILang['current']
+
+  public defaultLocale = 'en'
+
+  public locales: ILang['locales']
+
+  private translator: ILang['t']
+
+  constructor (preset: VuetifyPreset) {
+    super()
+
+    const {
+      current,
+      locales,
+      t,
+    } = preset[Lang.property]
+
+    this.current = current
+    this.locales = locales
+    this.translator = t || this.defaultTranslator
+  }
+
+  public currentLocale (key: string) {
+    const translation = this.locales[this.current]
+    const defaultLocale = this.locales[this.defaultLocale]
+
+    return getTranslation(translation, key, false, defaultLocale)
+  }
+
+  public t (key: string, ...params: any[]) {
+    if (!key.startsWith(LANG_PREFIX)) return this.replace(key, params)
+
+    return this.translator(key, ...params)
+  }
+
+  private defaultTranslator (key: string, ...params: any[]) {
+    return this.replace(this.currentLocale(key), params)
+  }
+
+  private replace (str: string, params: any[]) {
+    return str.replace(/\{(\d+)\}/g, (match: string, index: string) => {
+      /* istanbul ignore next */
+      return String(params[+index])
+    })
+  }
+}

package/src/services/presets/__tests__/__snapshots__/presets.spec.ts.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`$vuetify.presets should merge user and default preset 1`] = `"{\\"breakpoint\\":{\\"mobileBreakpoint\\":1264,\\"scrollBarWidth\\":16,\\"thresholds\\":{\\"xs\\":200,\\"sm\\":960,\\"md\\":1280,\\"lg\\":1920}},\\"icons\\":{\\"iconfont\\":\\"md\\",\\"values\\":{\\"complete\\":\\"bar\\"}},\\"lang\\":{\\"current\\":\\"en\\",\\"locales\\":{\\"en\\":{\\"badge\\":\\"Foobar\\",\\"close\\":\\"Close\\",\\"dataIterator\\":{\\"noResultsText\\":\\"Fizzbuzz\\",\\"loadingText\\":\\"Loading items...\\"},\\"dataTable\\":{\\"itemsPerPageText\\":\\"Rows per page:\\",\\"ariaLabel\\":{\\"sortDescending\\":\\"Sorted descending.\\",\\"sortAscending\\":\\"Sorted ascending.\\",\\"sortNone\\":\\"Not sorted.\\",\\"activateNone\\":\\"Activate to remove sorting.\\",\\"activateDescending\\":\\"Activate to sort descending.\\",\\"activateAscending\\":\\"Activate to sort ascending.\\"},\\"sortBy\\":\\"Sort by\\"},\\"dataFooter\\":{\\"itemsPerPageText\\":\\"Items per page:\\",\\"itemsPerPageAll\\":\\"All\\",\\"nextPage\\":\\"Next page\\",\\"prevPage\\":\\"Previous page\\",\\"firstPage\\":\\"First page\\",\\"lastPage\\":\\"Last page\\",\\"pageText\\":\\"{0}-{1} of {2}\\"},\\"datePicker\\":{\\"itemsSelected\\":\\"{0} selected\\",\\"nextMonthAriaLabel\\":\\"Next month\\",\\"nextYearAriaLabel\\":\\"Next year\\",\\"prevMonthAriaLabel\\":\\"Previous month\\",\\"prevYearAriaLabel\\":\\"Previous year\\"},\\"noDataText\\":\\"No data available\\",\\"carousel\\":{\\"prev\\":\\"Previous visual\\",\\"next\\":\\"Next visual\\",\\"ariaLabel\\":{\\"delimiter\\":\\"Carousel slide {0} of {1}\\"}},\\"calendar\\":{\\"moreEvents\\":\\"{0} more\\"},\\"input\\":{\\"clear\\":\\"Clear {0}\\",\\"prependAction\\":\\"{0} prepended action\\",\\"appendAction\\":\\"{0} appended action\\"},\\"fileInput\\":{\\"counter\\":\\"{0} files\\",\\"counterSize\\":\\"{0} files ({1} in total)\\"},\\"timePicker\\":{\\"am\\":\\"AM\\",\\"pm\\":\\"PM\\"},\\"pagination\\":{\\"ariaLabel\\":{\\"wrapper\\":\\"Pagination Navigation\\",\\"next\\":\\"Next page\\",\\"previous\\":\\"Previous page\\",\\"page\\":\\"Goto Page {0}\\",\\"currentPage\\":\\"Current Page, Page {0}\\"}},\\"rating\\":{\\"ariaLabel\\":{\\"icon\\":\\"Rating {0} of {1}\\"}},\\"loading\\":\\"Loading...\\"}}},\\"rtl\\":true,\\"theme\\":{\\"dark\\":true,\\"default\\":\\"light\\",\\"disable\\":false,\\"options\\":{\\"variations\\":true},\\"themes\\":{\\"light\\":{\\"primary\\":\\"blue\\",\\"secondary\\":{\\"darken4\\":\\"red\\"},\\"accent\\":\\"#82B1FF\\",\\"error\\":\\"#FF5252\\",\\"info\\":\\"#2196F3\\",\\"success\\":\\"#4CAF50\\",\\"warning\\":\\"#FB8C00\\"},\\"dark\\":{\\"primary\\":\\"#2196F3\\",\\"secondary\\":\\"#424242\\",\\"accent\\":\\"#FF4081\\",\\"error\\":\\"#FF5252\\",\\"info\\":\\"#2196F3\\",\\"success\\":\\"#4CAF50\\",\\"warning\\":\\"#FB8C00\\"}}}}"`;
+
+exports[`$vuetify.presets should merge user and default preset 2`] = `undefined`;
+
+exports[`$vuetify.presets should merge user and default preset 3`] = `"{\\"en\\":{\\"badge\\":\\"Foobar\\",\\"close\\":\\"Close\\",\\"dataIterator\\":{\\"noResultsText\\":\\"Fizzbuzz\\",\\"loadingText\\":\\"Loading items...\\"},\\"dataTable\\":{\\"itemsPerPageText\\":\\"Rows per page:\\",\\"ariaLabel\\":{\\"sortDescending\\":\\"Sorted descending.\\",\\"sortAscending\\":\\"Sorted ascending.\\",\\"sortNone\\":\\"Not sorted.\\",\\"activateNone\\":\\"Activate to remove sorting.\\",\\"activateDescending\\":\\"Activate to sort descending.\\",\\"activateAscending\\":\\"Activate to sort ascending.\\"},\\"sortBy\\":\\"Sort by\\"},\\"dataFooter\\":{\\"itemsPerPageText\\":\\"Items per page:\\",\\"itemsPerPageAll\\":\\"All\\",\\"nextPage\\":\\"Next page\\",\\"prevPage\\":\\"Previous page\\",\\"firstPage\\":\\"First page\\",\\"lastPage\\":\\"Last page\\",\\"pageText\\":\\"{0}-{1} of {2}\\"},\\"datePicker\\":{\\"itemsSelected\\":\\"{0} selected\\",\\"nextMonthAriaLabel\\":\\"Next month\\",\\"nextYearAriaLabel\\":\\"Next year\\",\\"prevMonthAriaLabel\\":\\"Previous month\\",\\"prevYearAriaLabel\\":\\"Previous year\\"},\\"noDataText\\":\\"No data available\\",\\"carousel\\":{\\"prev\\":\\"Previous visual\\",\\"next\\":\\"Next visual\\",\\"ariaLabel\\":{\\"delimiter\\":\\"Carousel slide {0} of {1}\\"}},\\"calendar\\":{\\"moreEvents\\":\\"{0} more\\"},\\"input\\":{\\"clear\\":\\"Clear {0}\\",\\"prependAction\\":\\"{0} prepended action\\",\\"appendAction\\":\\"{0} appended action\\"},\\"fileInput\\":{\\"counter\\":\\"{0} files\\",\\"counterSize\\":\\"{0} files ({1} in total)\\"},\\"timePicker\\":{\\"am\\":\\"AM\\",\\"pm\\":\\"PM\\"},\\"pagination\\":{\\"ariaLabel\\":{\\"wrapper\\":\\"Pagination Navigation\\",\\"next\\":\\"Next page\\",\\"previous\\":\\"Previous page\\",\\"page\\":\\"Goto Page {0}\\",\\"currentPage\\":\\"Current Page, Page {0}\\"}},\\"rating\\":{\\"ariaLabel\\":{\\"icon\\":\\"Rating {0} of {1}\\"}},\\"loading\\":\\"Loading...\\"}}"`;
+
+exports[`$vuetify.presets should merge user and default preset 4`] = `"{\\"dark\\":{\\"primary\\":\\"#2196F3\\",\\"secondary\\":\\"#424242\\",\\"accent\\":\\"#FF4081\\",\\"error\\":\\"#FF5252\\",\\"info\\":\\"#2196F3\\",\\"success\\":\\"#4CAF50\\",\\"warning\\":\\"#FB8C00\\"},\\"light\\":{\\"primary\\":\\"blue\\",\\"secondary\\":{\\"darken4\\":\\"red\\"},\\"accent\\":\\"#82B1FF\\",\\"error\\":\\"#FF5252\\",\\"info\\":\\"#2196F3\\",\\"success\\":\\"#4CAF50\\",\\"warning\\":\\"#FB8C00\\"}}"`;
+
+exports[`$vuetify.presets should merge user and default preset 5`] = `"{\\"xs\\":200,\\"sm\\":960,\\"md\\":1280,\\"lg\\":1920}"`;