src: update sources to use typescript

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

Author: championswimmer

app/components/Counter.vue

@@ -16,7 +16,7 @@
   </Page>
 </template>
 
-<script>
+<script lang="ts">
   import { mapActions } from 'vuex';
 
   export default {

app/components/HelloWorld.vue

@@ -15,7 +15,7 @@
   </Page>
 </template>
 
-<script>
+<script lang="ts">
   export default {
     data () {
       return {

app/router/index.js renamed to app/router/index.ts

@@ -3,9 +3,9 @@ import VueRouter from 'vue-router';
 
 Vue.use(VueRouter);
 
-import Home from '../components/Home';
-import HelloWorld from '../components/HelloWorld';
-import Counter from '../components/Counter';
+import Home from '../components/Home.vue';
+import HelloWorld from '../components/HelloWorld.vue';
+import Counter from '../components/Counter.vue';
 
 const router = new VueRouter({
   routes: [

app/store/index.js renamed to app/store/index.ts

@@ -5,6 +5,7 @@ import counter from './modules/counter';
 
 Vue.use(Vuex);
 
+declare var process: {env: {[s: string]: string}};
 const debug = process.env.NODE_ENV !== 'production';
 
 const store = new Vuex.Store({

app/store/modules/counter.js renamed to app/store/modules/counter.ts

@@ -1,8 +1,9 @@
+import {MutationTree, ActionTree} from 'vuex'
 const state = {
   count: 0,
 };
 
-const mutations = {
+const mutations = <MutationTree<typeof state>>{
   decrement (state) {
     state.count--;
   },
@@ -11,7 +12,7 @@ const mutations = {
   },
 };
 
-const actions = {
+const actions = <ActionTree<typeof state, any>>{
   increment: ({commit}) => commit('increment'),
   decrement: ({commit}) => commit('decrement'),
 };