diff --git a/src/components/app/app.vue b/src/components/app/app.vue
index 5eef22a..42ea3f2 100644
--- a/src/components/app/app.vue
+++ b/src/components/app/app.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="app" class="theme-default">
-        <login v-if="showLogin" v-on:login:user="onLogin"></login>
+        <login v-if="showLogin" v-on:login:user="onLogin"/>
         <navigation :courses="filteredCourses"
                     :activeIndex.sync="selectedTab"
                     @sign-out="signOut" @select-time="selectTime">
@@ -15,9 +15,9 @@
             </course-page>
         </div>
 
-        <loading v-if="loading !== ''" :text="loading" :error="loadingError"></loading>
+        <loading v-if="loading !== ''" :text="loading" :error="loadingError"/>
     </div>
 </template>
 
 <script src="./app.ts" lang="ts"></script>
-<style src="./app.scss" lang="scss"></style>
+<style src="./app.scss" lang="scss"/>
diff --git a/src/components/login/login.vue b/src/components/login/login.vue
index b48dcf1..c80dee4 100644
--- a/src/components/login/login.vue
+++ b/src/components/login/login.vue
@@ -31,4 +31,4 @@
 </template>
 
 <script src="./login.ts" lang="ts"></script>
-<style src="./login.scss" lang="scss"></style>
+<style src="./login.scss" lang="scss"/>
diff --git a/src/components/navigation/navigation.vue b/src/components/navigation/navigation.vue
index a3da9cb..0841b4e 100644
--- a/src/components/navigation/navigation.vue
+++ b/src/components/navigation/navigation.vue
@@ -21,7 +21,7 @@
             <!-- Grading period selection -->
             <el-dropdown id="nav-grading-period" @command="selectGradingPeriod">
                 <el-button type="primary" size="medium">
-                    {{gradingPeriod}}<i class="el-icon-arrow-down el-icon--right"></i>
+                    {{gradingPeriod}}<i class="el-icon-arrow-down el-icon--right"/>
                 </el-button>
                 <el-dropdown-menu slot="dropdown">
                     <el-dropdown-item command="Term 1">Term 1</el-dropdown-item>
@@ -48,9 +48,9 @@
         </footer>
 
         <!-- Back to top -->
-        <el-backtop style="box-shadow: rgba(0, 0, 0, 0.23) 0 3px 11px 0;"></el-backtop>
+        <el-backtop style="box-shadow: rgba(0, 0, 0, 0.23) 0 3px 11px 0;"/>
     </div>
 </template>
 
 <script src="./navigation.ts" lang="ts"></script>
-<style src="./navigation.scss" lang="scss"></style>
+<style src="./navigation.scss" lang="scss"/>
diff --git a/src/pages/course/course-page.vue b/src/pages/course/course-page.vue
index 69c22f4..3394fdc 100644
--- a/src/pages/course/course-page.vue
+++ b/src/pages/course/course-page.vue
@@ -1,12 +1,12 @@
 <template>
     <el-card id="course-card" class="course-card">
-        <course-head :clickable="false" :course="course" :unread="countUnread()"></course-head>
+        <course-head :clickable="false" :course="course" :unread="countUnread()"/>
 
         <div class="course-card-content expand">
             <el-row>
                 <el-col :span="24" class="course-page-graph">
                     <el-card class="large overall-line-card vertical-center">
-                        <course-scatter :course="course"></course-scatter>
+                        <course-scatter :course="course"/>
                     </el-card>
                 </el-col>
             </el-row>
@@ -15,13 +15,13 @@
                 <el-col :span="12" class="course-page-graph">
                     <el-card class="large overall-line-card vertical-center type-graph"
                              body-style="padding: 0">
-                        <TypeRadar :course="course"></TypeRadar>
+                        <TypeRadar :course="course"/>
                     </el-card>
                 </el-col>
                 <el-col :span="12" class="course-page-graph">
                     <el-card class="large overall-line-card vertical-center type-graph"
                              body-style="padding: 0">
-                        <TypePie :course="course"></TypePie>
+                        <TypePie :course="course"/>
                     </el-card>
                 </el-col>
             </el-row>
@@ -68,4 +68,4 @@
     }
 </script>
 
-<style src="./course-page.scss" lang="scss" scoped></style>
+<style src="./course-page.scss" lang="scss" scoped/>
diff --git a/src/pages/course/course-scatter/course-scatter.vue b/src/pages/course/course-scatter/course-scatter.vue
index 6e83433..5a8fbaf 100644
--- a/src/pages/course/course-scatter/course-scatter.vue
+++ b/src/pages/course/course-scatter/course-scatter.vue
@@ -1,8 +1,7 @@
 <template>
     <div id="course-scatter">
-        <ve-scatter height="450px" class="graph" :extend="{a: this.course.name}" :after-config="afterConfig"></ve-scatter>
+        <ve-scatter height="450px" class="graph" :extend="{a: this.course.name}" :after-config="afterConfig"/>
     </div>
 </template>
 
 <script src="./course-scatter.ts" lang="ts"></script>
-<style lang="scss" scoped></style>
diff --git a/src/pages/course/type-radar/type-radar.vue b/src/pages/course/type-radar/type-radar.vue
index 2beb758..14543b4 100644
--- a/src/pages/course/type-radar/type-radar.vue
+++ b/src/pages/course/type-radar/type-radar.vue
@@ -1,8 +1,7 @@
 <template>
     <div id="type-radar">
-        <ve-radar height="420px" class="graph" :extend="{a: this.course.name}" :after-config="afterConfig"></ve-radar>
+        <ve-radar height="420px" class="graph" :extend="{a: this.course.name}" :after-config="afterConfig"/>
     </div>
 </template>
 
 <script src="./type-radar.ts" lang="ts"></script>
-<style lang="scss" scoped></style>
diff --git a/src/pages/overall/overall-bar/overall-bar.vue b/src/pages/overall/overall-bar/overall-bar.vue
index c80476a..ec84f99 100644
--- a/src/pages/overall/overall-bar/overall-bar.vue
+++ b/src/pages/overall/overall-bar/overall-bar.vue
@@ -1,7 +1,6 @@
 <template>
     <div id="overall-bar">
-        <ve-bar height="450px" class="graph"
-                :extend="chartSettings"></ve-bar>
+        <ve-bar height="450px" class="graph" :extend="chartSettings"/>
     </div>
 </template>
 
diff --git a/src/pages/overall/overall-course/assignment-entry/assignment-entry.vue b/src/pages/overall/overall-course/assignment-entry/assignment-entry.vue
index 7874f78..3b0dfb3 100644
--- a/src/pages/overall/overall-course/assignment-entry/assignment-entry.vue
+++ b/src/pages/overall/overall-course/assignment-entry/assignment-entry.vue
@@ -68,4 +68,4 @@
         }
     }
 </script>
-<style src="./assignment-entry.scss" lang="scss" scoped></style>
+<style src="./assignment-entry.scss" lang="scss" scoped/>
diff --git a/src/pages/overall/overall-course/course-head/course-head.vue b/src/pages/overall/overall-course/course-head/course-head.vue
index 737ecad..ffa6c2b 100644
--- a/src/pages/overall/overall-course/course-head/course-head.vue
+++ b/src/pages/overall/overall-course/course-head/course-head.vue
@@ -49,4 +49,4 @@
     }
 </script>
 
-<style src="./course-head.scss" lang="scss"></style>
+<style src="./course-head.scss" lang="scss"/>
diff --git a/src/pages/overall/overall-course/overall-course.vue b/src/pages/overall/overall-course/overall-course.vue
index 4b3d97d..66bc88d 100644
--- a/src/pages/overall/overall-course/overall-course.vue
+++ b/src/pages/overall/overall-course/overall-course.vue
@@ -1,7 +1,7 @@
 <template>
     <div id="overall-course">
         <el-card class="course-card">
-            <course-head :clickable="true" :course="course" :unread="countUnread()"></course-head>
+            <course-head :clickable="true" :course="course" :unread="countUnread()"/>
             <div class="course-card-content expand"
                  v-if="countUnread() !== 0">
                 <unread-entry v-for="assignment in unreadAssignments"
@@ -16,4 +16,4 @@
 </template>
 
 <script src="./overall-course.ts" lang="ts"></script>
-<style src="./overall-course.scss" lang="scss" scoped></style>
+<style src="./overall-course.scss" lang="scss" scoped/>
diff --git a/src/pages/overall/overall-line/overall-line.vue b/src/pages/overall/overall-line/overall-line.vue
index e884bb9..75fe4a5 100644
--- a/src/pages/overall/overall-line/overall-line.vue
+++ b/src/pages/overall/overall-line/overall-line.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="overall-line">
-        <ve-line :extend="{a: this.courses}" :after-config="afterConfig"></ve-line>
+        <ve-line :extend="{a: this.courses}" :after-config="afterConfig"/>
     </div>
 </template>
 
diff --git a/src/pages/overall/overall.vue b/src/pages/overall/overall.vue
index 4b8763d..fa2b371 100644
--- a/src/pages/overall/overall.vue
+++ b/src/pages/overall/overall.vue
@@ -15,12 +15,12 @@
             </el-col>
             <el-col :span="14" class="overall-span">
                 <el-card class="large overall-line-card vertical-center" body-style="padding: 0 10px">
-                    <overall-line :courses="courses"></overall-line>
+                    <overall-line :courses="courses"/>
                 </el-card>
             </el-col>
             <el-col :span="6" class="overall-span">
                 <el-card class="large overall-bar-card vertical-center" body-style="padding: 0 10px">
-                    <overall-bar :courses="courses"></overall-bar>
+                    <overall-bar :courses="courses"/>
                 </el-card>
             </el-col>
         </el-row>
@@ -64,4 +64,4 @@
     }
 </script>
 
-<style src="./overall.scss" lang="scss" scoped></style>
+<style src="./overall.scss" lang="scss" scoped/>