.vue tweaks, part 2 (rendering app still buggy)

src/renderer/_vue/App.vue

@@ -24,14 +24,4 @@ export default {
   }
 }
 </script>
-<style>
-#lens-container {
-  position: absolute;
-  top: 0;
-  left: 70px;
-  right: 0;
-  height: 100%;
-  z-index: 100;
-  display: none;
-}
-</style>
+

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

@@ -1,8 +1,10 @@
-@import 'custom';
+@import "custom";
 @import "~typeface-roboto/index.css";
 @import "~material-design-icons/iconfont/material-icons.css";
-@import '~bootstrap/scss/bootstrap';
-@import '~bootstrap-vue/src/index';
+@import "~bootstrap/scss/bootstrap";
+@import "~bootstrap-vue/src/index";
+@import "~prismjs/themes/prism-tomorrow.css";
+@import "~vue-prism-editor/dist/VuePrismEditor.css";
 
 html, body {
   margin: 0;
@@ -201,3 +203,13 @@ h1, h2, h3, h4, h5, h6{
     font-size: 16px;
   }
 }
+
+#lens-container {
+  position: absolute;
+  top: 0;
+  left: 70px;
+  right: 0;
+  height: 100%;
+  z-index: 100;
+  display: none;
+}

src/renderer/_vue/index.js

@@ -1,3 +1,4 @@
+import "../../common/system-ca"
 import "./assets/css/app.scss"
 import "prismjs";
 import "prismjs/components/prism-yaml"

src/renderer/_vue/router/index.js

@@ -1,11 +1,9 @@
 import Vue from 'vue'
 import Router from 'vue-router'
 import store from "../store";
+import { whatsNew } from './routeguard'
 
-// Route Guard
-import * as guard from './routeguard'
-
-Vue.use(Router)
+Vue.use(Router);
 
 const router = new Router({
   routes: [
@@ -16,7 +14,7 @@ const router = new Router({
       meta: {
         routeguard: [
           // guards in priority order; the first one to catch will trigger something
-          guard.whatsNew,
+          whatsNew,
         ],
       }
     },