chore: lint

components/smart/AccentModePicker.vue

@@ -15,7 +15,20 @@
         v-for="(color, index) of accentColors"
         :key="`color-${index}`"
         v-tooltip="`${color.charAt(0).toUpperCase()}${color.slice(1)}`"
-        class="inline-flex items-center justify-center p-3 m-2 transition duration-150 ease-in-out bg-transparent rounded-full cursor-pointer hover:shadow-none"
+        class="
+          inline-flex
+          items-center
+          justify-center
+          p-3
+          m-2
+          transition
+          duration-150
+          ease-in-out
+          bg-transparent
+          rounded-full
+          cursor-pointer
+          hover:shadow-none
+        "
         :class="[`text-${color}-400`, { 'bg-actColor': color === active }]"
         @click="setActiveColor(color)"
       >

components/smart/AutoComplete.vue

@@ -176,9 +176,8 @@ export default {
           break
 
         case "Tab":
-          let activeSuggestion = this.suggestions[
-            this.currentSuggestionIndex >= 0 ? this.currentSuggestionIndex : 0
-          ]
+          let activeSuggestion =
+            this.suggestions[this.currentSuggestionIndex >= 0 ? this.currentSuggestionIndex : 0]
 
           if (!activeSuggestion) {
             return

components/smart/ColorModePicker.vue

@@ -14,7 +14,23 @@
         v-for="(color, index) of colors"
         :key="`color-${index}`"
         v-tooltip="`${color.charAt(0).toUpperCase()}${color.slice(1)}`"
-        class="inline-flex items-center justify-center p-3 m-2 transition duration-150 ease-in-out bg-transparent rounded-full cursor-pointer border-collapseer-2 text-fgLightColor hover:text-fgColor hover:shadow-none"
+        class="
+          inline-flex
+          items-center
+          justify-center
+          p-3
+          m-2
+          transition
+          duration-150
+          ease-in-out
+          bg-transparent
+          rounded-full
+          cursor-pointer
+          border-collapseer-2
+          text-fgLightColor
+          hover:text-fgColor
+          hover:shadow-none
+        "
         :class="[
           { 'bg-actColor': color === $colorMode.preference },
           { 'text-acColor hover:text-acColor': color === $colorMode.value },

components/smart/Intersection.vue

@@ -4,7 +4,7 @@
   </div>
 </template>
 <script lang="ts">
-/* 
+/*
   Implements a wrapper listening to viewport intersections via
   IntesectionObserver API