Initial commit

Author: Manuel Ojeda

package-lock.json

@@ -8,6 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@vue/composition-api": "^0.3.2",
     "core-js": "^3.3.2",
     "vue": "^2.6.10",
     "vue-router": "^3.1.3"

package.json

@@ -2,6 +2,10 @@ import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
 
+import VueCompositionApi from '@vue/composition-api'
+
+Vue.use(VueCompositionApi)
+
 Vue.config.productionTip = false
 
 new Vue({

src/main.ts

@@ -1,10 +1,11 @@
 import Vue from 'vue'
-import VueRouter from 'vue-router'
+import VueRouter, { RouteConfig } from 'vue-router'
 import Home from '../views/Home.vue'
 
 Vue.use(VueRouter)
 
-const routes = [
+// const routes = [
+const routes = <Array<RouteConfig>>[
   {
     path: '/',
     name: 'home',

src/router/index.ts

@@ -5,14 +5,18 @@
   </div>
 </template>
 
-<script>
+<script lang='ts'>
 // @ is an alias to /src
+import { createComponent } from '@vue/composition-api'
 import HelloWorld from '@/components/HelloWorld.vue'
 
-export default {
+export default createComponent({
   name: 'home',
   components: {
     HelloWorld
+  },
+  setup () {
+    console.log('Composition API loaded')
   }
-}
+})
 </script>