From b90b612f916b6f785db5851563c27d4a5c189c5c Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Sat, 24 Jul 2021 11:36:37 +0100
Subject: [PATCH] :rotating_light: Updates indentation, fixes linter warning

---
 src/views/Home.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index 53425eed..4ce017dc 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -13,7 +13,7 @@
       :appConfig="appConfig"
       :pageInfo="pageInfo"
       :modalOpen="modalOpen"
-      class="filter-container"
+      class="settings-outer"
     />
     <!-- Main content, section for each group of items -->
     <div v-if="checkTheresData(sections)"
@@ -27,9 +27,9 @@
         :groupId="`section-${index}`"
         :items="filterTiles(section.items)"
         :itemSize="itemSizeBound"
-         @itemClicked="finishedSearching()"
-         @change-modal-visibility="updateModalVisibility"
-         :class="(filterTiles(section.items).length === 0 && searchValue) ? 'no-results' : ''"
+        @itemClicked="finishedSearching()"
+        @change-modal-visibility="updateModalVisibility"
+        :class="(filterTiles(section.items).length === 0 && searchValue) ? 'no-results' : ''"
       />
     </div>
     <!-- Show message when there's no data to show -->
@@ -63,6 +63,7 @@ export default {
     modalOpen: false, // When true, keybindings are disabled
   }),
   computed: {
+    /* Updates layout (when button clicked), and saves in local storage */
     layoutOrientation: {
       get() { return this.appConfig.layout || Defaults.layout; },
       set: function setLayout(layout) {
@@ -70,6 +71,7 @@ export default {
         this.layout = layout;
       },
     },
+    /* Updates icon size (when button clicked), and saves in local storage */
     iconSize: {
       get() { return this.appConfig.iconSize || Defaults.iconSize; },
       set: function setIconSize(iconSize) {
@@ -192,6 +194,7 @@ export default {
         return itemsFound;
       }
     },
+    /* If user has a background image, then generate CSS attributes */
     getBackgroundImage() {
       if (this.appConfig && this.appConfig.backgroundImg) {
         return `background: url('${this.appConfig.backgroundImg}');background-size:cover;`;
@@ -267,6 +270,7 @@ export default {
   .no-results { display: none; }
 }
 
+/* Custom styles only applied when there is no sections in config */
 .no-data {
     font-size: 2rem;
     color: var(--background);
@@ -277,7 +281,8 @@ export default {
     border-radius: var(--curve-factor);
 }
 
-section.filter-container {
+/* Settings section, includes search, config and user settings */
+section.settings-outer {
   border-bottom: 1px solid var(--outline-color);
   @include phone {
     flex-direction: column;