From 7fd259919bbfbf09918c628c406bb46f9ce03cfb Mon Sep 17 00:00:00 2001
From: Oowazu Nonowazu <oowazu.nonowazu@gmail.com>
Date: Wed, 6 Oct 2021 10:51:27 -0500
Subject: [PATCH] Set css settings so we can have 'standard' css

---
 src/components/TitleBar/TitleBar.module.scss | 8 ++++----
 vue.config.js                                | 9 +++++++++
 2 files changed, 13 insertions(+), 4 deletions(-)
 create mode 100644 vue.config.js

diff --git a/src/components/TitleBar/TitleBar.module.scss b/src/components/TitleBar/TitleBar.module.scss
index 57fad61..e46ff4a 100644
--- a/src/components/TitleBar/TitleBar.module.scss
+++ b/src/components/TitleBar/TitleBar.module.scss
@@ -13,7 +13,7 @@ $button-width: 46px;
     right: 0;
 }
 
-.titlebarText {
+.titlebar-text {
     margin: auto;
     padding: 0;
     padding-left: $button-width * 3;
@@ -22,7 +22,7 @@ $button-width: 46px;
     color: #000;
 }
 
-.titlebarButton, .titlebarButtonClose {
+.titlebar-button, .titlebar-button-close {
     display: inline-flex;
     justify-content: center;
     align-items: center;
@@ -30,12 +30,12 @@ $button-width: 46px;
     height: $button-height;
 }
   
-.titlebarButton:hover {
+.titlebar-button:hover {
     background: #158f58;
     transition-duration: 200ms;
 }
 
-.titlebarButtonClose:hover {
+.titlebar-button-close:hover {
     background: #ea2820;
     transition-duration: 200ms;
 }
\ No newline at end of file
diff --git a/vue.config.js b/vue.config.js
new file mode 100644
index 0000000..c83f9f1
--- /dev/null
+++ b/vue.config.js
@@ -0,0 +1,9 @@
+module.exports = {
+    css: {
+      loaderOptions: {
+        css: {
+          localsConvention: 'camelCaseOnly'
+        }
+      }
+    }
+  }
\ No newline at end of file