fix(typings): were not implemented correctly

[Tronix117]

Typings should not declare a module wereas they are already in the concerned module
Also, reusing Vue way of doing typings, and separating constructor from body to have better overriding capabilities

---

$refs generic types

import Vue from 'nativescript-vue'
import { RadSideDrawer } from 'nativescript-ui-sidedrawer'
import { Component } from 'components/decorator'

@Component({})
class TestComponent extends Vue {
    $refs: {
      drawer: Vue<RadSideDrawer>
      mainContent: Vue<StackLayout>
      drawerContent: Vue<StackLayout>,
    }

    mounted() {
        // `drawerView` will be of type RadSideDrawer
        const drawerView = this.$refs.drawer.nativeView
    }
}

Vue augmentation

You can augment the same way you are augmenting with Vue:

import Vue from 'vue'
import { Bus } from 'store/bus'
import * as moment from 'moment'
import { VueConstructor } from 'vue/types/vue'
import { Size } from 'tns-core-modules/ui/frame/frame'

import Components from 'components'
import * as http from 'http'

export interface VueDevice {
  screen: Size
  content: Size
  actionBar: Size
  navBar: Size
  statusBar: Size
  keyboard: Size
}

declare module 'vue/types/vue' {
  interface Vue {
    $http: typeof http,
    $bus: Bus
    $moment: typeof moment
    $device: VueDevice
  }

  interface VueConstructor {
    bus: Bus
    device: VueDevice
    moment: typeof moment
  }
}