use default import for Vue

Author: yyx990803

src/component.ts

@@ -1,4 +1,4 @@
-import * as Vue from 'vue'
+import Vue, { ComponentOptions } from 'vue'
 import { VueClass } from './declarations'
 import { collectDataFromConstructor } from './data'
 
@@ -20,11 +20,11 @@ export const $internalHooks = [
 // Property, method and parameter decorators created by `createDecorator` helper
 // will enqueue functions that update component options for lazy processing.
 // They will be executed just before creating component constructor.
-export let $decoratorQueue: ((options: Vue.ComponentOptions<Vue>) => void)[] = []
+export let $decoratorQueue: ((options: ComponentOptions<Vue>) => void)[] = []
 
 export function componentFactory (
   Component: VueClass,
-  options: Vue.ComponentOptions<any> = {}
+  options: ComponentOptions<any> = {}
 ): VueClass {
   options.name = options.name || (Component as any)._componentTag
   // prototype props.

src/data.ts

@@ -1,4 +1,4 @@
-import * as Vue from 'vue'
+import Vue from 'vue'
 import { VueClass } from './declarations'
 import { noop, warn } from './util'
 

src/declarations.ts

@@ -1,3 +1,3 @@
-import * as Vue from 'vue'
+import Vue from 'vue'
 
 export type VueClass = { new (): Vue } & typeof Vue

src/index.ts

@@ -1,13 +1,13 @@
-import * as Vue from 'vue'
+import Vue, { ComponentOptions } from 'vue'
 import { VueClass } from './declarations'
 import { componentFactory, $internalHooks } from './component'
 
 export { createDecorator } from './util'
 
-function Component <U extends Vue>(options: Vue.ComponentOptions<U>): <V extends VueClass>(target: V) => V
+function Component <U extends Vue>(options: ComponentOptions<U>): <V extends VueClass>(target: V) => V
 function Component <V extends VueClass>(target: V): V
 function Component <V extends VueClass, U extends Vue>(
- options: Vue.ComponentOptions<U> | V
+ options: ComponentOptions<U> | V
 ): any {
   if (typeof options === 'function') {
     return componentFactory(options)
@@ -23,4 +23,4 @@ namespace Component {
   }
 }
 
-export default Component
+export default Component

src/util.ts

@@ -1,16 +1,16 @@
-import * as Vue from 'vue'
+import Vue, { ComponentOptions } from 'vue'
 import { $decoratorQueue } from './component'
 
 export const noop = () => {}
 
 export function createDecorator (
-  factory: (options: Vue.ComponentOptions<Vue>, key: string) => void
+  factory: (options: ComponentOptions<Vue>, key: string) => void
 ): (target: Vue, key: string) => void
 export function createDecorator (
-  factory: (options: Vue.ComponentOptions<Vue>, key: string, index: number) => void
+  factory: (options: ComponentOptions<Vue>, key: string, index: number) => void
 ): (target: Vue, key: string, index: number) => void
 export function createDecorator (
-  factory: (options: Vue.ComponentOptions<Vue>, key: string, index: number) => void
+  factory: (options: ComponentOptions<Vue>, key: string, index: number) => void
 ): (target: Vue, key: string, index: any) => void {
   return (_, key, index) => {
     if (typeof index !== 'number') {

test/test.ts

@@ -1,6 +1,6 @@
 import Component, { createDecorator } from '../'
 import { expect } from 'chai'
-import * as Vue from 'vue'
+import Vue from 'vue'
 
 describe('vue-class-component', () => {
 

test/tsconfig.json

@@ -13,7 +13,8 @@
     "noImplicitThis": true,
     "strictNullChecks": true,
     "removeComments": true,
-    "suppressImplicitAnyIndexErrors": true
+    "suppressImplicitAnyIndexErrors": true,
+    "allowSyntheticDefaultImports": true
   },
   "include": [
     "./**/*.ts"

tsconfig.json

@@ -15,7 +15,8 @@
     "noImplicitThis": true,
     "strictNullChecks": true,
     "removeComments": true,
-    "suppressImplicitAnyIndexErrors": true
+    "suppressImplicitAnyIndexErrors": true,
+    "allowSyntheticDefaultImports": true
   },
   "include": [
     "src/**/*.ts"