vue-loader tweaks, part 1

src/renderer/_vue/assets/css/app.scss

@@ -1,8 +1,8 @@
-
 @import 'custom';
-@import 'fonts';
-@import '../../../../../node_modules/bootstrap/scss/bootstrap';
-@import '../../../../../node_modules/bootstrap-vue/src/index';
+@import "~typeface-roboto/index.css";
+@import "~material-design-icons/iconfont/material-icons.css";
+@import '~bootstrap/scss/bootstrap';
+@import '~bootstrap-vue/src/index';
 
 html, body {
   margin: 0;

src/renderer/_vue/assets/css/fonts.scss

@@ -1,2 +0,0 @@
-@import "../../../../../node_modules/typeface-roboto/index.css";
-@import "../../../../../node_modules/material-design-icons/iconfont/material-icons.css";

src/renderer/components/fonts.scss

@@ -1,6 +1,6 @@
 // Custom fonts
-@import "../../../node_modules/material-design-icons/iconfont/material-icons.css";
-@import "../../../node_modules/typeface-roboto/index.css";
+@import "~material-design-icons/iconfont/material-icons.css";
+@import "~typeface-roboto/index.css";
 
 // Patched RobotoMono font with icons
 // RobotoMono Windows Compatible for using in terminal

src/renderer/components/media.scss

@@ -1,5 +1,5 @@
 //-- Mixins for adaptive layout (media queries)
-@import "../../../node_modules/include-media/dist/include-media";
+@import "~include-media/dist/include-media";
 
 @mixin mobile {
   @include media("<=desktop") {

src/renderer/index.tsx

@@ -1,6 +1,6 @@
 // Renderer process
 
 import "../common/system-ca"
-import { App } from "./components/app";
+import { appInitVue } from "./_vue";
 
-App.init();
+appInitVue();