Scoping CSS + alias application

Scoping CSS for components, some weird magic.
/application without id leads to the list.

src/App.vue

@@ -25,6 +25,16 @@
 		margin: 0;
 	}
 
+	body a:link {
+		color: #ddd;
+	}
+
+	body a:visited {
+		color: #666;
+	}
+</style>
+
+<style scoped>
 	.menu h4 {
 		margin: 0;
 		padding: 0.2em 0.4em 0.2em 0.4em;
@@ -59,13 +69,4 @@
 		margin-left: 8px;
 		margin-right: 8px;
 	}
-
-	body a:link {
-		color: #ddd;
-	}
-
-	body a:visited {
-		color: #666;
-	}
-
 </style>

src/router.js

@@ -9,22 +9,19 @@ export default new Router({
 	routes: [
 		{
 			path: '/',
-			name: 'mainpage',
 			component: () => import(/* webpackChunkName: "mainpage" */ './views/Mainpage.vue')
 		},
 		{
 			path: '/impressum',
-			name: 'impressum',
 			component: () => import(/* webpackChunkName: "impressum" */ './views/Impressum.vue')
 		},
 		{
 			path: '/devblog',
-			name: 'devblog',
 			component: () => import(/* webpackChunkName: "devblog" */ './views/Devblog.vue')
 		},
 		{
 			path: '/applications',
-			name: 'applications',
+			alias: '/application',
 			component: () => import(/* webpackChunkName: "applications" */ './views/Applications.vue')
 		},
 		{
@@ -35,7 +32,6 @@ export default new Router({
 		},
 		{
 			path: '*',
-			name: 'notFound',
 			component: () => import('./views/NotFound.vue')
 		},
 	]

src/views/Application.vue

@@ -75,7 +75,7 @@
 	}
 </script>
 
-<style>
+<style scoped>
 	.appdata {
 		/width: 63em;
 		/width: 1024px;

src/views/Applications.vue

@@ -75,7 +75,7 @@
 	}
 </script>
 
-<style>
+<style scoped>
 	.app-container {
 		display: block;
 	}

src/views/Devblog.vue

@@ -98,7 +98,7 @@
 	}
 </script>
 
-<style>
+<style scoped>
 	.entry {
 		border-style: solid;
 		border-color: #aaaa;

src/views/Impressum.vue

@@ -7,4 +7,4 @@
 		info<br>
 		later<br>
 	</div>
-</template>
+</template>

src/views/Mainpage.vue

@@ -69,4 +69,4 @@
 			Because the backend has no been started yet, you cannot contribute yet.
 		</p>
 	</div>
-</template>
+</template>