use typescript all the way

Signed-off-by: Arnav Gupta <arnav@codingblocks.com>

Author: championswimmer

.gitignore

@@ -66,23 +66,9 @@ typings/
 # Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
 
 # User-specific stuff
-.idea/**/workspace.xml
-.idea/**/tasks.xml
-.idea/**/dictionaries
-.idea/**/shelf
-
-# Sensitive or high-churn files
-.idea/**/dataSources/
-.idea/**/dataSources.ids
-.idea/**/dataSources.local.xml
-.idea/**/sqlDataSources.xml
-.idea/**/dynamic.xml
-.idea/**/uiDesigner.xml
-.idea/**/dbnavigator.xml
-
-# Gradle
-.idea/**/gradle.xml
-.idea/**/libraries
+.idea/
+!/.idea/jsLibraryMappings.xml
+!/.idea/codeStyles/
 
 # CMake
 cmake-build-debug/
@@ -115,11 +101,8 @@ fabric.properties
 # Editor-based Rest Client
 .idea/httpRequests
 ### VisualStudioCode template
-.vscode/*
-!.vscode/settings.json
-!.vscode/tasks.json
-!.vscode/launch.json
-!.vscode/extensions.json
+.vscode/
+
 
 # Nativescript
-/platforms
+/platforms

.idea/inspectionProfiles/profiles_settings.xml

@@ -0,0 +1,30 @@
+import Vue from 'nativescript-vue'
+import Counter from './Counter'
+
+class App extends Vue {
+    surprice: boolean
+}
+export default Vue.extend<App>({
+    data() {
+        return {
+            surprise: false,
+        };
+    },
+    template: `
+    <Page class="page">
+      <ActionBar class="action-bar" title="NativeScript-Vue"/>
+  
+      <StackLayout>
+        <Counter />
+      
+        <Label class="p-20" textWrap=true text="This is a hello world application, tap the button if you dare"/>
+      
+        <Button class="btn btn-primary" @tap="surprise = !surprise" text="Tap me!"/>
+        <Image v-if="surprise" class="m-20" src="~/images/NativeScript-Vue.png"/>
+      </StackLayout>
+    </Page>
+  `,
+    components: {
+        Counter,
+    },
+})

.idea/misc.xml

@@ -0,0 +1,38 @@
+import Vue from 'nativescript-vue'
+
+class Counter extends Vue{
+    count: number
+}
+export default Vue.extend<Counter>({
+    data() {
+        return {
+            count: 42,
+        };
+    },
+    computed: {
+        message() {
+            return this.count > 0
+                ? `Tap tap tap! Only ${this.count} left!`
+                : `Whoa! Slow down, we have hit the limit...`;
+        },
+    },
+    template: `
+    <StackLayout>
+      <FlexboxLayout flexDirection="row" justifyContent="center">
+        <Button @tap="decrement" text="-" class="btn btn-outline"/>
+        <Label :text="count" alignSelf="baseline" class="h2"/>
+        <Button @tap="increment" text="+" class="btn btn-outline"/>
+      </FlexboxLayout>
+      
+      <Label class="p-20" :text="message"/>
+    </StackLayout>
+  `,
+    methods: {
+        increment() {
+            this.count += 1;
+        },
+        decrement() {
+            this.count -= 1;
+        },
+    },
+})

.idea/nativescript-sample.iml

@@ -0,0 +1,6 @@
+import Vue = require('nativescript-vue');
+import App from './components/App'
+
+new Vue({
+    render: h => h(App),
+}).$start();

.idea/vcs.xml

@@ -0,0 +1 @@
+module.exports = require("nativescript-dev-typescript/lib/after-watch.js");

app/components/App.js

@@ -0,0 +1 @@
+module.exports = require("nativescript-dev-typescript/lib/before-prepare.js");

app/components/App.ts

@@ -0,0 +1 @@
+module.exports = require("nativescript-dev-typescript/lib/watch.js");

app/components/Counter.js

@@ -0,0 +1 @@
+module.exports = require("nativescript-dev-typescript/lib/before-watchPatterns.js");