From 007e32fd632da33ea1b1442f9a55f6ad008ad177 Mon Sep 17 00:00:00 2001
From: GeckoEidechse <40122905+GeckoEidechse@users.noreply.github.com>
Date: Tue, 9 May 2023 23:35:04 +0200
Subject: style: Partially autoformat Vue source files (#326)

* style: Add/remove spaces where applicable

* style: Add missing newlines

* style: Fix indentation

* style: Add newlines between CSS classes
---
 src-vue/src/views/mods/LocalModsView.vue        |  2 +-
 src-vue/src/views/mods/ThunderstoreModsView.vue | 17 ++++++++++++-----
 2 files changed, 13 insertions(+), 6 deletions(-)

(limited to 'src-vue/src/views/mods')

diff --git a/src-vue/src/views/mods/LocalModsView.vue b/src-vue/src/views/mods/LocalModsView.vue
index ad0e2fa6..00e1ff43 100644
--- a/src-vue/src/views/mods/LocalModsView.vue
+++ b/src-vue/src/views/mods/LocalModsView.vue
@@ -101,7 +101,7 @@ export default defineComponent({
             await invoke("delete_northstar_mod", { gameInstall: game_install, nsmodName: mod.name })
                 .then((message) => {
                     // Just a visual indicator that it worked
-                    showNotification(this.$t('mods.local.success_deleting', {modName: mod.name}));
+                    showNotification(this.$t('mods.local.success_deleting', { modName: mod.name }));
                 })
                 .catch((error) => {
                     showErrorNotification(error);
diff --git a/src-vue/src/views/mods/ThunderstoreModsView.vue b/src-vue/src/views/mods/ThunderstoreModsView.vue
index 5a7270df..410af5f3 100644
--- a/src-vue/src/views/mods/ThunderstoreModsView.vue
+++ b/src-vue/src/views/mods/ThunderstoreModsView.vue
@@ -54,7 +54,7 @@ import { ThunderstoreModVersion } from "../../../../src-tauri/bindings/Thunderst
 
 export default defineComponent({
     name: "ThunderstoreModsView",
-    components: {ThunderstoreModCard},
+    components: { ThunderstoreModCard },
     async mounted() {
         this.$store.commit('fetchThunderstoreMods');
     },
@@ -100,7 +100,7 @@ export default defineComponent({
 
             // Sort mods regarding user selected algorithm.
             let compare: (a: ThunderstoreMod, b: ThunderstoreMod) => number;
-            switch(this.modSorting) {
+            switch (this.modSorting) {
                 case SortOptions.NAME_ASC:
                     compare = (a: ThunderstoreMod, b: ThunderstoreMod) => a.name.localeCompare(b.name);
                     break;
@@ -116,10 +116,10 @@ export default defineComponent({
                 case SortOptions.MOST_DOWNLOADED:
                     compare = (a: ThunderstoreMod, b: ThunderstoreMod) => {
                         const aTotal = a.versions.reduce((prev, next) => {
-                            return {downloads: prev.downloads + next.downloads} as ThunderstoreModVersion;
+                            return { downloads: prev.downloads + next.downloads } as ThunderstoreModVersion;
                         }).downloads;
                         const bTotal = b.versions.reduce((prev, next) => {
-                            return {downloads: prev.downloads + next.downloads} as ThunderstoreModVersion;
+                            return { downloads: prev.downloads + next.downloads } as ThunderstoreModVersion;
                         }).downloads;
                         return -1 * (aTotal - bTotal);
                     };
@@ -142,7 +142,7 @@ export default defineComponent({
 
             const startIndex = this.currentPageIndex * perPageValue;
             const endIndexCandidate = startIndex + perPageValue;
-            const endIndex =  endIndexCandidate > this.modsList.length ? this.modsList.length : endIndexCandidate;
+            const endIndex = endIndexCandidate > this.modsList.length ? this.modsList.length : endIndexCandidate;
             return this.modsList.slice(startIndex, endIndex);
         },
         shouldDisplayPagination(): boolean {
@@ -229,36 +229,43 @@ export default defineComponent({
 
     width: calc(var(--thunderstore-mod-card-width) * var(--thunderstore-mod-card-columns-count) + var(--thunderstore-mod-card-margin) * 2 * var(--thunderstore-mod-card-columns-count));
 }
+
 @media (min-width: 628px) {
     .card-container {
         --thunderstore-mod-card-columns-count: 2;
     }
 }
+
 @media (min-width: 836px) {
     .card-container {
         --thunderstore-mod-card-columns-count: 3;
     }
 }
+
 @media (min-width: 1006px) {
     .card-container {
         --thunderstore-mod-card-columns-count: 4;
     }
 }
+
 @media (min-width: 1196px) {
     .card-container {
         --thunderstore-mod-card-columns-count: 5;
     }
 }
+
 @media (min-width: 1386px) {
     .card-container {
         --thunderstore-mod-card-columns-count: 6;
     }
 }
+
 @media (min-width: 1576px) {
     .card-container {
         --thunderstore-mod-card-columns-count: 7;
     }
 }
+
 @media (min-width: 1766px) {
     .card-container {
         --thunderstore-mod-card-columns-count: 8;
-- 
cgit v1.2.3