Use scss loader instead of sass loader for components.

The default functionality of sass-loader is a bit misleading and uses the new, more popular SCSS format by default, opposed to the old SASS format.

frontend/components/AdminSongs.vue

@@ -68,7 +68,7 @@
 	}
 </script>
 
-<style lang="sass" scoped>
+<style lang="scss" scoped>
 	.is-success {
 		width: 100%;
 	}

frontend/components/AdminStations.vue

@@ -84,7 +84,7 @@
 	}
 </script>
 
-<style lang="sass" scoped>
+<style lang="scss" scoped>
 	.is-success {
 		width: 100%;
 	}

frontend/components/MainFooter.vue

@@ -15,7 +15,7 @@
 	</footer>
 </template>
 
-<style lang="sass" scoped>
+<style lang="scss" scoped>
 	.content a:not(.button) {
 		border: 0;
 	}

frontend/components/MainHeader.vue

@@ -37,7 +37,7 @@
 	</nav>
 </template>
 
-<style lang="sass" scoped>
+<style lang="scss" scoped>
 	@import 'theme.scss';
 
 	.nav {

frontend/components/StationHeader.vue

@@ -69,7 +69,7 @@
 	}
 </script>
 
-<style lang="sass" scoped>
+<style lang="scss" scoped>
 	.nav {
 		background-color: #0091ea;
 	}

frontend/components/pages/Admin.vue

@@ -44,4 +44,4 @@
 	}
 </script>
 
-<style lang="sass" scoped></style>
+<style lang="scss" scoped></style>

frontend/components/pages/Home.vue

@@ -112,7 +112,7 @@
 	}
 </script>
 
-<style lang="sass">
+<style lang="scss">
 
 	@import 'theme.scss';
 	

frontend/components/pages/Station.vue

@@ -261,7 +261,7 @@
 	}
 </script>
 
-<style lang="sass">
+<style lang="scss">
 	.modal-large {
 		width: 75%;
 	}