refactored font inclusion, css now inside js

src/main.js

@@ -5,9 +5,6 @@ import VueDraggableResizable from 'vue-draggable-resizable';
 import VueClipboard from 'vue-clipboard2';
 import { tailwindCss } from './tailwindSettings';
 import 'vue-draggable-resizable/dist/VueDraggableResizable.css';
-
-import 'hack-font/build/web/hack.css';
-
 import store from './store';
 import Dashboard from './Dashboard.vue';
 

src/style.css

@@ -7,3 +7,10 @@
 /* tailwind css */
 
 /* custom css */
+@font-face {
+    font-family: 'Hack';
+    src: url('assets/hack-regular.woff2') format('woff2'), url('assets/hack-regular.woff2') format('woff');
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}

vue.config.js

@@ -1,3 +1,7 @@
 module.exports = {
   lintOnSave: false,
+
+  css: {
+    extract: false
+  }
 };