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

7 files changed, 29 insertions, 20 deletions

diff --git a/src-vue/src/views/ChangelogView.vue b/src-vue/src/views/ChangelogView.vue
index e68beded..7ab50903 100644
--- a/src-vue/src/views/ChangelogView.vue
+++ b/src-vue/src/views/ChangelogView.vue
@@ -11,10 +11,10 @@
                     :timestamp="formatDate(release.published_at)"
                     placement="top"
                 >
-                <el-card>
-                    <h4>{{ release.name }}</h4>
-                    <p v-html="formatRelease(release.body)"></p>
-                </el-card>
+                    <el-card>
+                        <h4>{{ release.name }}</h4>
+                        <p v-html="formatRelease(release.body)"></p>
+                    </el-card>
                 </el-timeline-item>
             </el-timeline>
         </el-scrollbar>
@@ -48,7 +48,7 @@ export default defineComponent({
             // PR's links formatting
             content = content.replaceAll(/\[(\S*)\#(\S+)\]\(([^)]+)\)/g, `<a target="_blank" href="$3">$1#$2</a>`);
 
-            return marked.parse(content, {breaks: true});
+            return marked.parse(content, { breaks: true });
         },
         // Formats an ISO-formatted date into a human-readable string.
         formatDate(timestamp: string): string {
diff --git a/src-vue/src/views/DeveloperView.vue b/src-vue/src/views/DeveloperView.vue
index 77d43afc..ab3d2ba6 100644
--- a/src-vue/src/views/DeveloperView.vue
+++ b/src-vue/src/views/DeveloperView.vue
@@ -109,10 +109,10 @@ export default defineComponent({
     },
     data() {
         return {
-            mod_to_install_field_string : "",
-            release_notes_text : "",
-            first_tag: { label: '', value: {name: ''} },
-            second_tag: { label: '', value: {name: ''} },
+            mod_to_install_field_string: "",
+            release_notes_text: "",
+            first_tag: { label: '', value: { name: '' } },
+            second_tag: { label: '', value: { name: '' } },
             ns_release_tags: [] as TagWrapper[],
             selected_project: "FlightCore",
             project: [
@@ -201,7 +201,7 @@ export default defineComponent({
                 });
         },
         async getTags() {
-            await invoke<TagWrapper[]>("get_list_of_tags", {project: this.selected_project})
+            await invoke<TagWrapper[]>("get_list_of_tags", { project: this.selected_project })
                 .then((message) => {
                     this.ns_release_tags = message;
                     showNotification("Done", "Fetched tags");
@@ -211,7 +211,7 @@ export default defineComponent({
                 });
         },
         async compareTags() {
-            await invoke<string>("compare_tags", {project: this.selected_project, firstTag: this.firstTag.value, secondTag: this.secondTag.value})
+            await invoke<string>("compare_tags", { project: this.selected_project, firstTag: this.firstTag.value, secondTag: this.secondTag.value })
                 .then((message) => {
                     this.release_notes_text = message;
                     showNotification("Done", "Generated release notes");
diff --git a/src-vue/src/views/PlayView.vue b/src-vue/src/views/PlayView.vue
index 76f4f328..ff97c320 100644
--- a/src-vue/src/views/PlayView.vue
+++ b/src-vue/src/views/PlayView.vue
@@ -90,7 +90,8 @@ export default defineComponent({
     margin-top: 3px;
 }
 
-.fc_northstar__version, .fc_changelog__link {
+.fc_northstar__version,
+.fc_changelog__link {
     display: inline-block;
 }
 
diff --git a/src-vue/src/views/RepairView.vue b/src-vue/src/views/RepairView.vue
index c11518d0..9b3543d4 100644
--- a/src-vue/src/views/RepairView.vue
+++ b/src-vue/src/views/RepairView.vue
@@ -126,7 +126,7 @@ export default defineComponent({
         // Lang value is propagated to repair view after it's mounted, so we need to watch
         // its value, and update window title accordingly.
         lang(newv: string) {
-            appWindow.setTitle( this.$t('settings.repair.window.title') );
+            appWindow.setTitle(this.$t('settings.repair.window.title'));
         }
     }
 });
diff --git a/src-vue/src/views/SettingsView.vue b/src-vue/src/views/SettingsView.vue
index a8c539e8..2f2f5019 100644
--- a/src-vue/src/views/SettingsView.vue
+++ b/src-vue/src/views/SettingsView.vue
@@ -179,7 +179,8 @@ h3:first-of-type {
     font-weight: unset;
 }
 
-.el-input, .el-select {
+.el-input,
+.el-select {
     width: 50%;
 }
 
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;