diff --git a/package.json b/package.json
index 55ef0c69d3..3f141f1991 100644
--- a/package.json
+++ b/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",
diff --git a/src/app.vue b/src/app.vue
deleted file mode 100644
index 6f48d14aa5..0000000000
--- a/src/app.vue
+++ /dev/null
@@ -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>
diff --git a/src/main.ts b/src/main.ts
index 82329c11eb..3dd8237914 100644
--- a/src/main.ts
+++ b/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;
diff --git a/src/router.ts b/src/router.ts
new file mode 100644
index 0000000000..e0311f96c8
--- /dev/null
+++ b/src/router.ts
@@ -0,0 +1,9 @@
+import VueRouter from 'vue-router';
+
+const router = new VueRouter();
+
+export function useRouter() {
+	return router;
+}
+
+export default router;
diff --git a/src/views/readme.md b/src/views/readme.md
new file mode 100644
index 0000000000..b55cb08b68
--- /dev/null
+++ b/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
diff --git a/yarn.lock b/yarn.lock
index d2b4c0fd6a..01b6b3dcb0 100644
--- a/yarn.lock
+++ b/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==