adding starter repo

Author: shubhamzanwar

.gitignore

@@ -0,0 +1,27 @@
+
+# Created by https://www.gitignore.io/api/vue
+# Edit at https://www.gitignore.io/?templates=vue
+
+### Vue ###
+.DS_*
+*.log
+logs
+**/*.backup.*
+**/*.back.*
+
+node_modules
+bower_components
+
+*.sublime*
+
+psd
+thumb
+sketch
+
+## ignore the dist folder
+dist
+
+## ignore the demo build
+demo-dist
+
+# End of https://www.gitignore.io/api/vue

App.vue

@@ -0,0 +1,36 @@
+<template>
+  <vn-view>
+    <hero />
+    <vn-view id="counter" :styleSheet="counterStyle">
+      <vn-text>Counter: {{count}}</vn-text>
+      <vn-button @clicked="inc">Inc</vn-button>
+    </vn-view>
+  </vn-view>
+</template>
+
+<script>
+import Hero from './Hero.vue';
+import { ref } from 'vue-nodegui';
+
+export default {
+  components: { Hero },
+  setup() {
+    const count = ref(0);
+    const inc = () => {
+      count.value++;
+    }
+
+    return {
+      inc,
+      count,
+      counterStyle: `
+        #counter {
+          flex-direction: row;
+          align-items: 'center';
+          justify-content: 'center';
+        }
+      `
+    }
+  }
+}
+</script>

Hero.vue

@@ -0,0 +1,34 @@
+<template>
+    <vn-view id="hero" :styleSheet="viewStyle">
+        <vn-image id="img" src="https://docs.nodegui.org/img/logox200.png" />
+        <vn-text id="heading">Vue nodegui</vn-text>
+        <vn-text id="text">Powered by Vue3 🌈 and Qt 💚</vn-text>
+    </vn-view>
+</template>
+
+<script>
+export default {
+    setup() {
+        return {
+            viewStyle: `
+                #hero {
+                    background-color: white;
+                    padding: 20px;
+                }
+
+                #heading {
+                    color: black;
+                    font-size: 24px;
+                    qproperty-alignment: AlignCenter;
+                }
+
+                #text {
+                    color: black;
+                    font-size: 18px;
+                    qproperty-alignment: AlignCenter;
+                }
+            `
+        }
+    }
+}
+</script>

main.js

@@ -0,0 +1,4 @@
+import { createApp } from 'vue-nodegui';
+import App from './App.vue';
+
+createApp(App).mount();