Install and initialize vue router

package.json

@@ -15,7 +15,8 @@
   },
   "dependencies": {
     "@vue/composition-api": "^0.3.4",
-	"vue": "^2.6.11"
+    "vue": "^2.6.11",
+    "vue-router": "^3.1.5"
   },
   "devDependencies": {
     "@babel/core": "^7.8.3",

src/app.vue

@@ -1,16 +0,0 @@
-<template>
-	<div>
-		<h1>Hello, world!</h1>
-		<p>{{ date }}</p>
-	</div>
-</template>
-
-<script lang="ts">
-import { createComponent } from '@vue/composition-api';
-export default createComponent({
-	setup() {
-		const date = new Date();
-		return { date };
-	}
-});
-</script>

src/main.ts

@@ -1,14 +1,18 @@
 import Vue from 'vue';
 import VueCompositionAPI from '@vue/composition-api';
+import VueRouter from 'vue-router';
+import router from './router';
 
 import './styles/main.scss';
 
-import App from './app.vue';
-
 Vue.use(VueCompositionAPI);
+Vue.use(VueRouter);
+
+Vue.config.productionTip = false;
 
 const app = new Vue({
-	render: h => h(App)
+	render: h => h('router-view'),
+	router
 }).$mount('#app');
 
 export default app;

src/router.ts

@@ -0,0 +1,9 @@
+import VueRouter from 'vue-router';
+
+const router = new VueRouter();
+
+export function useRouter() {
+	return router;
+}
+
+export default router;

src/views/readme.md

@@ -0,0 +1,3 @@
+# Views
+
+Views are the top-level parent component that are used in all modules. Directus will only have two Views for the foreseeable future: `public` and `private` for non-authenticated and authenticated routes respectively

yarn.lock

@@ -13934,7 +13934,7 @@ vue-loader@^15.7.1, vue-loader@^15.7.2, vue-loader@^15.8.3:
     vue-hot-reload-api "^2.3.0"
     vue-style-loader "^4.1.0"
 
-vue-router@^3.1.3:
+vue-router@^3.1.3, vue-router@^3.1.5:
   version "3.1.5"
   resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-3.1.5.tgz#ff29b8a1e1306c526b52d4dc0532109f16c41231"
   integrity sha512-BszkPvhl7I9h334GjckCh7sVFyjTPMMJFJ4Bsrem/Ik+B/9gt5tgrk8k4gGLO4ZpdvciVdg7O41gW4DisQWurg==