Migration to typescript: first step

Add vue cli typescript support
Rename .js to .ts
Use class and annotations in App and NavBar
Add tslint

js/src/router/index.ts

@@ -0,0 +1,162 @@
+import Vue from 'vue';
+import Router from 'vue-router';
+import PageNotFound from '@/components/PageNotFound.vue';
+import Home from '@/components/Home.vue';
+import Event from '@/components/Event/Event.vue';
+import EventList from '@/components/Event/EventList.vue';
+import Location from '@/components/Location.vue';
+import CreateEvent from '@/components/Event/Create.vue';
+import CategoryList from '@/components/Category/List.vue';
+import CreateCategory from '@/components/Category/Create.vue';
+import Register from '@/components/Account/Register.vue';
+import Login from '@/components/Account/Login.vue';
+import Validate from '@/components/Account/Validate.vue';
+import ResendConfirmation from '@/components/Account/ResendConfirmation.vue';
+import SendPasswordReset from '@/components/Account/SendPasswordReset.vue';
+import PasswordReset from '@/components/Account/PasswordReset.vue';
+import Account from '@/components/Account/Account.vue';
+import CreateGroup from '@/components/Group/Create.vue';
+import Group from '@/components/Group/Group.vue';
+import GroupList from '@/components/Group/GroupList.vue';
+import Identities from '../components/Account/Identities.vue';
+
+Vue.use(Router);
+
+const router = new Router({
+  mode: 'history',
+  base: '/',
+  routes: [
+    {
+      path: '/',
+      name: 'Home',
+      component: Home,
+      meta: { requiredAuth: false },
+    },
+    {
+      path: '/events/list/:location?',
+      name: 'EventList',
+      component: EventList,
+      meta: { requiredAuth: false },
+    },
+    {
+      path: '/events/create',
+      name: 'CreateEvent',
+      component: CreateEvent,
+      meta: { requiredAuth: true },
+    },
+    {
+      path: '/events/:id(\\d+)/edit',
+      name: 'EditEvent',
+      component: CreateEvent,
+      props: true,
+      meta: { requiredAuth: true },
+    },
+    {
+      path: '/location/new',
+      name: 'Location',
+      component: Location,
+      meta: { requiredAuth: true },
+    },
+    {
+      path: '/category',
+      name: 'CategoryList',
+      component: CategoryList,
+      meta: { requiredAuth: false },
+    },
+    {
+      path: '/category/create',
+      name: 'CreateCategory',
+      component: CreateCategory,
+      meta: { requiredAuth: true },
+    },
+    {
+      path: '/register',
+      name: 'Register',
+      component: Register,
+      props: true,
+      meta: { requiredAuth: false },
+    },
+    {
+      path: '/resend-instructions',
+      name: 'ResendConfirmation',
+      component: ResendConfirmation,
+      props: true,
+      meta: { requiresAuth: false },
+    },
+    {
+      path: '/password-reset/send',
+      name: 'SendPasswordReset',
+      component: SendPasswordReset,
+      props: true,
+      meta: { requiresAuth: false },
+    },
+    {
+      path: '/password-reset/:token',
+      name: 'PasswordReset',
+      component: PasswordReset,
+      meta: { requiresAuth: false },
+      props: true,
+    },
+    {
+      path: '/validate/:token',
+      name: 'Validate',
+      component: Validate,
+      props: true,
+      meta: { requiresAuth: false },
+    },
+    {
+      path: '/login',
+      name: 'Login',
+      component: Login,
+      props: true,
+      meta: { requiredAuth: false },
+    },
+    {
+      path: '/identities',
+      name: 'Identities',
+      component: Identities,
+      meta: { requiredAuth: true },
+    },
+    {
+      path: '/groups',
+      name: 'GroupList',
+      component: GroupList,
+      meta: { requiredAuth: false },
+    },
+    {
+      path: '/group-create',
+      name: 'CreateGroup',
+      component: CreateGroup,
+      meta: { requiredAuth: true },
+    },
+    {
+      path: '/~:name',
+      name: 'Group',
+      component: Group,
+      props: true,
+      meta: { requiredAuth: false },
+    },
+    {
+      path: '/@:name',
+      name: 'Account',
+      component: Account,
+      props: true,
+      meta: { requiredAuth: false },
+    },
+    {
+      path: '/events/:uuid',
+      name: 'Event',
+      component: Event,
+      props: true,
+      meta: { requiredAuth: false },
+    },
+    {
+      path: '*',
+      name: 'PageNotFound',
+      component: PageNotFound,
+      meta: { requiredAuth: false },
+    },
+  ],
+});
+
+export default router;