test: add tests for type definitions

.eslintignore

@@ -7,3 +7,4 @@ src/util/to-have-been-warned.js
 /dist
 /es5
 /es5-temp
+/types/test

.travis.yml

@@ -20,6 +20,7 @@ jobs:
         - npm i codecov -g
       script:
         - yarn run lint
+        - yarn run test:types
         - yarn run test:coverage -i
       after_script:
         - codecov

package.json

@@ -25,6 +25,7 @@
     "test:unix": "cross-env NODE_ENV=test jest",
     "test:win32": "cross-env NODE_ENV=test jest -i",
     "test:coverage": "yarn test --coverage",
+    "test:types": "tsc -p ./types/test/tsconfig.json",
     "lint": "tsc --noEmit --pretty && eslint --ext .js,.ts src",
     "preparecommitmsg": "node dev/prepare-commit-message.js",
     "commitmsg": "node dev/lint-commit-message.js",

types/index.d.ts

@@ -33,18 +33,20 @@ export interface VuetifyUseOptions {
   /** @see https://vuetifyjs.com/style/theme#options */
   options?: Partial<VuetifyOptions>
   lang?: Partial<Pick<VuetifyLanguage, 'locales' | 'current'>>
+  rtl?: boolean
 }
 
 export interface VuetifyObject extends Vue {
-  readonly breakpoint: VuetifyBreakpoint
+  readonly breakpoint: Readonly<VuetifyBreakpoint>
   readonly dark: boolean
+  readonly goTo: <T extends string | number | HTMLElement | Vue>(target: T, options?: VuetifyGoToOptions) => Promise<T>
+  readonly t: VuetifyLanguage['t']
   application: VuetifyApplication
-  theme: VuetifyTheme | false
+  theme: VuetifyTheme
   icons: VuetifyIcons
   lang: VuetifyLanguage
   options: VuetifyOptions
-  goTo: <T extends string | number | HTMLElement | Vue>(target: T, options?: VuetifyGoToOptions) => Promise<T>
-  t: VuetifyLanguage['t']
+  rtl: boolean
 }
 
 declare module 'vue/types/vue' {

types/test/global.ts

@@ -0,0 +1,45 @@
+import Vue from 'vue'
+
+Vue.component('breakpoint', {
+  created () {
+    const name: string = this.$vuetify.breakpoint.name
+    const numbers: number[] = [
+      this.$vuetify.breakpoint.height,
+      this.$vuetify.breakpoint.width
+    ]
+    const booleans: boolean[] = [
+      this.$vuetify.breakpoint.lg,
+      this.$vuetify.breakpoint.lgAndDown,
+      this.$vuetify.breakpoint.lgAndUp,
+      this.$vuetify.breakpoint.lgOnly,
+      this.$vuetify.breakpoint.md,
+      this.$vuetify.breakpoint.mdAndDown,
+      this.$vuetify.breakpoint.mdAndUp,
+      this.$vuetify.breakpoint.mdOnly,
+      this.$vuetify.breakpoint.sm,
+      this.$vuetify.breakpoint.smAndDown,
+      this.$vuetify.breakpoint.smAndUp,
+      this.$vuetify.breakpoint.smOnly,
+      this.$vuetify.breakpoint.xl,
+      this.$vuetify.breakpoint.xlOnly,
+      this.$vuetify.breakpoint.xs,
+      this.$vuetify.breakpoint.xsOnly
+    ]
+  }
+})
+
+Vue.component('theme', {
+  created () {
+    // Can't do this, some components rely on the pre-defined values
+    // this.$vuetify.theme = { primary: 123 }
+
+    Object.assign(this.$vuetify.theme, {
+      primary: 123
+    })
+
+    this.$vuetify.theme = {
+      ...this.$vuetify.theme,
+      primary: 132
+    }
+  }
+})

types/test/plugin.ts

@@ -0,0 +1,41 @@
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+
+const version: string = Vuetify.version
+
+Vuetify.install(Vue)
+
+Vuetify.install(Vue, {
+  theme: false
+})
+
+Vuetify.install(Vue, {
+  theme: {
+    primary: '#123456',
+    accent: '#123456',
+    secondary: '#123456',
+    info: '#123456',
+    warning: '#123456',
+    error: '#123456',
+    success: '#123456',
+
+    'something-else': '#123456',
+    'as-number': 123456
+  },
+  iconfont: 'fa',
+  icons: {
+    cancel: 'custom icon'
+  },
+  rtl: true,
+  lang: {
+    locales: {
+      es: {
+        noDataText: ''
+      }
+    }
+  },
+  options: {
+    themeVariations: ['primary', 'secondary'],
+    cspNonce: 'asdf123'
+  }
+})

types/test/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "es2015"
+    ],
+    "module": "commonjs",
+    "strict": true,
+    "noEmit": true,
+    "baseUrl": ".",
+    "paths": {
+      "vuetify": ["../index.d.ts"]
+    }
+  },
+  "files": [
+    "../index.d.ts",
+    "../alacarte.d.ts",
+    "../lang.d.ts",
+    "plugin.ts",
+    "global.ts"
+  ],
+  "compileOnSave": false
+}