fix(typings): add proper typings (#289)

* fix(typings): were not implemented correctly

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

* fix: remove $run() and fix typo in comment

Author: Tronix117

index.d.ts

@@ -1,23 +1,58 @@
-// Typings for NativeScript-Vue
-declare module 'nativescript-vue' {
-    // import vue.js typings
-    import Vue from 'vue';
-
-    // creat a nativescript vue class that extends vue.js
-    class NativeScriptVue extends Vue {
-        /**
-         * Registers NativeScript Plugin.
-         * @param elementName Name of the element to use in your template
-         * @param resolver  function to register the element
-         * @param meta meta associated with the element
-         */
-        static registerElement(elementName: string, resolver: Function, meta?: any): void;
-        
-        /**
-         * starts the nativescript application
-         */
-        $run(): void
-    }
-
-    export = NativeScriptVue;
+// import vue.js typings
+// import Vue from 'vue';
+import { Vue, VueConstructor } from 'vue/types/vue'
+import { Page, NavigationEntry, Size } from 'tns-core-modules/ui/frame/frame'
+import { View } from 'tns-core-modules/ui/core/view'
+
+export type navigateTo = (
+    component: VueConstructor,
+    options?: NavigationEntry,
+    cb?: () => Page,
+) => Promise<Page>;
+
+export interface ModalOptions {
+    context?: any;
+    fullscreen?: boolean;
+}
+
+// create a nativescript vue class that extends vue.js
+export interface NativeScriptVue<V = View> extends Vue {
+    nativeView: V
+
+    $navigateTo: navigateTo
+    $navigateBack: () => void
+
+    $modal?: { close: (data?) => Promise<typeof data> };
+
+    /**
+     * Open a modal using a component
+     * @param {typeof Vue} component
+     * @param {ModalOptions} options
+     * @returns {any}
+     */
+    $showModal: (component: typeof Vue, options?: ModalOptions) => Promise<any>;
+
+    /**
+     * starts the nativescript application
+     */
+    $start: () => void
+}
+
+export interface NativeScriptVueConstructor extends VueConstructor<NativeScriptVue> {
+    navigateTo: navigateTo
+    navigateBack: () => void
 }
+
+export const NativeScriptVue: NativeScriptVueConstructor
+
+export default NativeScriptVue;
+
+// export as namespace NativeScriptVue;
+
+/**
+ * Registers NativeScript Plugin.
+ * @param elementName Name of the element to use in your template
+ * @param resolver  function to register the element
+ * @param meta meta associated with the element
+ */
+export function registerElement(elementName: string, resolver: Function, meta?: any): void;