feat(typings): adapt to the new Vue typings

package.json

@@ -67,11 +67,11 @@
     "rollup-plugin-replace": "^1.1.1",
     "rollup-watch": "^4.0.0",
     "selenium-server": "^2.53.1",
-    "typescript": "^2.0.3",
+    "typescript": "^2.4.2",
     "uglify-js": "^3.0.17",
-    "vue": "^2.3.0",
+    "vue": "DanielRosenwasser/vue#e4a8545",
     "vue-loader": "^12.0.2",
-    "vue-template-compiler": "^2.3.0",
+    "vue-template-compiler": "^2.4.2",
     "webpack": "^2.4.1",
     "webpack-dev-middleware": "^1.9.0"
   }

types/index.d.ts

@@ -1,21 +1,16 @@
 import "./vue";
-import * as R from "./router";
+import { VueRouter } from "./router";
 
-// `VueRouter` in `export = VueRouter` must be a namespace
-// All available types are exported via this namespace
-declare namespace VueRouter {
-  export type RouterMode = R.RouterMode;
-  export type RawLocation = R.RawLocation;
-  export type RedirectOption = R.RedirectOption;
-  export type RouterOptions = R.RouterOptions;
-  export type RouteConfig = R.RouteConfig;
-  export type RouteRecord = R.RouteRecord;
-  export type Location = R.Location;
-  export type Route = R.Route;
-  export type NavigationGuard = R.NavigationGuard;
-}
+export default VueRouter;
 
-// TS cannot merge imported class with namespace, declare a subclass to bypass
-declare class VueRouter extends R.VueRouter {}
-
-export = VueRouter;
+export {
+  RouterMode,
+  RawLocation,
+  RedirectOption,
+  RouterOptions,
+  RouteConfig,
+  RouteRecord,
+  Location,
+  Route,
+  NavigationGuard
+} from "./router";

types/router.d.ts

@@ -1,7 +1,6 @@
-import Vue = require("vue");
-import { ComponentOptions, PluginFunction } from "vue";
+import Vue, { ComponentOptions, PluginFunction } from "vue";
 
-type Component = ComponentOptions<Vue> | typeof Vue;
+type Component = ComponentOptions<any, any, any, any> | typeof Vue;
 type Dictionary<T> = { [key: string]: T };
 
 export type RouterMode = "hash" | "history" | "abstract";
@@ -13,7 +12,7 @@ export type NavigationGuard = (
   next: (to?: RawLocation | false | ((vm: Vue) => any) | void) => void
 ) => any
 
-declare class VueRouter {
+export declare class VueRouter {
   constructor (options?: RouterOptions);
 
   app: Vue;

types/test/index.ts

@@ -1,7 +1,6 @@
-import Vue = require("vue");
-import { ComponentOptions } from "vue";
+import Vue, { ComponentOptions } from "vue";
 
-import VueRouter = require("../index");
+import VueRouter from "../index";
 import { Route, RouteRecord, RedirectOption } from "../index";
 
 Vue.use(VueRouter);
@@ -10,7 +9,7 @@ const Home = { template: "<div>home</div>" };
 const Foo = { template: "<div>foo</div>" };
 const Bar = { template: "<div>bar</div>" };
 
-const Hook: ComponentOptions<Vue> = {
+const Hook: ComponentOptions<any, any, any, any> = {
   template: "<div>hook</div>",
 
   beforeRouteEnter (to, from, next) {
@@ -109,7 +108,7 @@ const matched: RouteRecord[] = route.matched;
 matched.forEach(m => {
   const path: string = m.path;
   const components: {
-    [key: string]: ComponentOptions<Vue> | typeof Vue
+    [key: string]: ComponentOptions<any, any, any, any> | typeof Vue
   } = m.components;
   const instances: { [key: string]: Vue } = m.instances;
   const name: string | undefined = m.name;
@@ -161,7 +160,7 @@ router.go(-1);
 router.back();
 router.forward();
 
-const Components: ComponentOptions<Vue> | typeof Vue = router.getMatchedComponents();
+const Components: (ComponentOptions<any, any, any, any> | typeof Vue)[] = router.getMatchedComponents();
 
 const vm = new Vue({
   router,

types/test/tsconfig.json

@@ -1,9 +1,9 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "module": "commonjs",
-    "noImplicitAny": true,
-    "strictNullChecks": true,
+    "module": "es2015",
+    "moduleResolution": "node",
+    "strict": true,
     "noEmit": true,
     "lib": [
       "es5",

types/vue.d.ts

@@ -2,9 +2,8 @@
  * Augment the typings of Vue.js
  */
 
-import Vue = require("vue");
-import VueRouter = require("./index");
-import { Route, RawLocation, NavigationGuard } from "./index";
+import Vue from "vue";
+import VueRouter, { Route, RawLocation, NavigationGuard } from "./index";
 
 declare module "vue/types/vue" {
   interface Vue {
@@ -14,7 +13,7 @@ declare module "vue/types/vue" {
 }
 
 declare module "vue/types/options" {
-  interface ComponentOptions<V extends Vue> {
+  interface ComponentOptions<Data, Methods, Computed, Props> {
     router?: VueRouter;
     beforeRouteEnter?: NavigationGuard;
     beforeRouteLeave?: NavigationGuard;

yarn.lock

@@ -570,12 +570,6 @@ babel-plugin-transform-strict-mode@^6.24.1:
     babel-runtime "^6.22.0"
     babel-types "^6.24.1"
 
-babel-preset-es2015-loose@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/babel-preset-es2015-loose/-/babel-preset-es2015-loose-8.0.0.tgz#82ee293ab31329c7a94686b644b62adfbcdc3f57"
-  dependencies:
-    modify-babel-preset "^3.1.0"
-
 babel-preset-es2015@^6.24.1:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-preset-es2015/-/babel-preset-es2015-6.24.1.tgz#d44050d6bc2c9feea702aaf38d727a0210538939"
@@ -3010,12 +3004,6 @@ [email protected]:
     mkdirp "0.5.1"
     supports-color "3.1.2"
 
-modify-babel-preset@^3.1.0:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/modify-babel-preset/-/modify-babel-preset-3.2.1.tgz#d7172aa3c0822ed3fc08e308fd0971295136ab50"
-  dependencies:
-    require-relative "^0.8.7"
-
 [email protected]:
   version "0.7.1"
   resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.1.tgz#9cd13c03adbff25b65effde7ce864ee952017098"
@@ -4019,7 +4007,7 @@ require-main-filename@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-1.0.1.tgz#97f717b69d48784f5f526a6c5aa8ffdda055a4d1"
 
-[email protected], require-relative@^0.8.7:
+[email protected]:
   version "0.8.7"
   resolved "https://registry.yarnpkg.com/require-relative/-/require-relative-0.8.7.tgz#7999539fc9e047a37928fa196f8e1563dabd36de"
 
@@ -4563,9 +4551,9 @@ typedarray@^0.0.6, typedarray@~0.0.5:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
 
-typescript@^2.0.3:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-2.4.0.tgz#aef5a8d404beba36ad339abf079ddddfffba86dd"
+typescript@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-2.4.2.tgz#f8395f85d459276067c988aa41837a8f82870844"
 
 uglify-js@^2.8.27:
   version "2.8.29"
@@ -4700,9 +4688,9 @@ vue-style-loader@^3.0.0:
     hash-sum "^1.0.2"
     loader-utils "^1.0.2"
 
-vue-template-compiler@^2.3.0:
-  version "2.3.4"
-  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.3.4.tgz#5a88ac2c5e4d5d6218e6aa80e7e221fb7e67894c"
+vue-template-compiler@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.4.2.tgz#5a45d843f148b098f6c1d1e35ac20c4956d30ad1"
   dependencies:
     de-indent "^1.0.2"
     he "^1.1.0"
@@ -4711,9 +4699,9 @@ vue-template-es2015-compiler@^1.2.2:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.5.2.tgz#a0a6c50c941d2a4abda963f2f42c337ac450ee95"
 
-vue@^2.3.0:
-  version "2.3.4"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-2.3.4.tgz#5ec3b87a191da8090bbef56b7cfabd4158038171"
+vue@DanielRosenwasser/vue#e4a8545:
+  version "2.4.2"
+  resolved "https://codeload.github.com/DanielRosenwasser/vue/tar.gz/e4a8545"
 
 watchpack@^1.3.1:
   version "1.3.1"