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

5 files changed, 23 insertions, 22 deletions

diff --git a/src-vue/src/components/LanguageSelector.vue b/src-vue/src/components/LanguageSelector.vue
index a99ef0e5..9bb1d97a 100644
--- a/src-vue/src/components/LanguageSelector.vue
+++ b/src-vue/src/components/LanguageSelector.vue
@@ -44,7 +44,7 @@ export default defineComponent({
             },
         ]
     }),
-    mounted: async function() {
+    mounted: async function () {
         const lang: string = await persistentStore.get('lang') as string;
         this.value = lang;
     },
diff --git a/src-vue/src/components/ModsMenu.vue b/src-vue/src/components/ModsMenu.vue
index de247984..03eea787 100644
--- a/src-vue/src/components/ModsMenu.vue
+++ b/src-vue/src/components/ModsMenu.vue
@@ -19,7 +19,7 @@
             <el-input v-model="$store.state.search.searchValue" :placeholder="$t('mods.menu.search')" clearable />
             <el-select
                 v-if="!showingLocalMods"
-                v-model="$store.state.search.sortValue" 
+                v-model="$store.state.search.sortValue"
                 :placeholder="$t('mods.menu.sort_mods')"
             >
                 <el-option
@@ -63,7 +63,7 @@ export default defineComponent({
         this.$store.state.search.sortValue = this.sortValues[3].value;
     },
     computed: {
-        sortValues(): {label: string, value: string}[] {
+        sortValues(): { label: string, value: string }[] {
             return Object.keys(SortOptions).map((key: string) => ({
                 value: key,
                 label: this.$t('mods.menu.sort.' + Object.values(SortOptions)[Object.keys(SortOptions).indexOf(key)])
@@ -85,7 +85,7 @@ export default defineComponent({
     margin: 8px 0 16px 5px;
 }
 
-.fc_mods__menu h5:not(:first-child){
+.fc_mods__menu h5:not(:first-child) {
     margin-top: 32px;
 }
 
diff --git a/src-vue/src/components/PlayButton.vue b/src-vue/src/components/PlayButton.vue
index 208b4703..83a23ae5 100644
--- a/src-vue/src/components/PlayButton.vue
+++ b/src-vue/src/components/PlayButton.vue
@@ -21,7 +21,7 @@ export default defineComponent({
                 return this.$t("play.button.northstar_is_running");
             }
 
-            switch(this.$store.state.northstar_state) {
+            switch (this.$store.state.northstar_state) {
                 case NorthstarState.GAME_NOT_FOUND:
                     return this.$t("play.button.select_game_dir");
                 case NorthstarState.INSTALL:
@@ -42,7 +42,7 @@ export default defineComponent({
         northstarIsRunning(): boolean {
             return this.$store.state.northstar_is_running;
         },
-        options(): {key: string, value: string}[] {
+        options(): { key: string, value: string }[] {
             return Object.keys(ReleaseCanal).map(function (v) {
                 return {
                     key: v,
@@ -50,7 +50,7 @@ export default defineComponent({
                 }
             });
         },
-        selectOptions(): {label: string, options: {value: ReleaseCanal, label: string}[]}[] {
+        selectOptions(): { label: string, options: { value: ReleaseCanal, label: string }[] }[] {
             return [
                 {
                     label: 'Beta',
@@ -125,6 +125,7 @@ button {
     font-size: 15px;
     margin-right: 0;
 }
+
 .fc_launch__button:focus {
     background-color: var(--el-color-primary);
     border-color: var(--el-color-primary);
diff --git a/src-vue/src/components/PullRequestsSelector.vue b/src-vue/src/components/PullRequestsSelector.vue
index 585b3e6a..4bc8f9f5 100644
--- a/src-vue/src/components/PullRequestsSelector.vue
+++ b/src-vue/src/components/PullRequestsSelector.vue
@@ -37,7 +37,7 @@
             <el-collapse-item name="2" @keydown.space="modsSearchSpace">
                 <template #title>
                     Mods PRs
-                    <el-input class="pr_search_input" v-model="modsSearch" placeholder="Filter pull requests" @click.stop="() =>  false"></el-input>
+                    <el-input class="pr_search_input" v-model="modsSearch" placeholder="Filter pull requests" @click.stop="() => false"></el-input>
                 </template>
                 <div style="margin: 15px">
                     <el-alert title="Warning" type="warning" :closable="false" show-icon>
diff --git a/src-vue/src/components/ThunderstoreModCard.vue b/src-vue/src/components/ThunderstoreModCard.vue
index fec95f14..a0e8c481 100644
--- a/src-vue/src/components/ThunderstoreModCard.vue
+++ b/src-vue/src/components/ThunderstoreModCard.vue
@@ -18,7 +18,7 @@
                     <Star />
                 </el-icon>
             </span>
-            <br/>
+            <br />
 
             <div class="name hide-text-overflow">{{ mod.name }}</div>
             <div class="author hide-text-overflow">{{ $t('mods.card.by') }} {{ mod.owner }}</div>
@@ -53,7 +53,7 @@
                             <el-dropdown-item @click="openURL(mod.package_url)">
                                 {{ $t('mods.card.more_info') }}
                             </el-dropdown-item>
-                            <el-dropdown-item  @click="deleteMod(mod)">
+                            <el-dropdown-item @click="deleteMod(mod)">
                                 {{ $t('mods.card.remove') }}
                             </el-dropdown-item>
                         </el-dropdown-menu>
@@ -65,13 +65,13 @@
 </template>
 
 <script lang="ts">
-import {defineComponent} from "vue";
-import {ThunderstoreMod} from "../../../src-tauri/bindings/ThunderstoreMod";
-import {ThunderstoreModVersion} from "../../../src-tauri/bindings/ThunderstoreModVersion";
-import {invoke, shell} from "@tauri-apps/api";
-import {ThunderstoreModStatus} from "../utils/thunderstore/ThunderstoreModStatus";
-import {NorthstarMod} from "../../../src-tauri/bindings/NorthstarMod";
-import {GameInstall} from "../utils/GameInstall";
+import { defineComponent } from "vue";
+import { ThunderstoreMod } from "../../../src-tauri/bindings/ThunderstoreMod";
+import { ThunderstoreModVersion } from "../../../src-tauri/bindings/ThunderstoreModVersion";
+import { invoke, shell } from "@tauri-apps/api";
+import { ThunderstoreModStatus } from "../utils/thunderstore/ThunderstoreModStatus";
+import { NorthstarMod } from "../../../src-tauri/bindings/NorthstarMod";
+import { GameInstall } from "../utils/GameInstall";
 import { NorthstarState } from "../utils/NorthstarState";
 import { ElMessageBox } from "element-plus";
 import { showErrorNotification, showNotification } from "../utils/ui";
@@ -89,7 +89,7 @@ export default defineComponent({
         isBeingUpdated: false
     }),
     computed: {
-        latestVersion (): ThunderstoreModVersion {
+        latestVersion(): ThunderstoreModVersion {
             return this.mod.versions[0];
         },
 
@@ -191,7 +191,7 @@ export default defineComponent({
          * (e.g. "taskinoz-WallrunningTitans-1.0.0" to
          * "taskinoz-WallrunningTitans").
          */
-        getThunderstoreDependencyStringPrefix (dependency: string): string {
+        getThunderstoreDependencyStringPrefix(dependency: string): string {
             const dependencyStringMembers = dependency.split('-');
             return `${dependencyStringMembers[0]}-${dependencyStringMembers[1]}`;
         },
@@ -216,7 +216,7 @@ export default defineComponent({
 
                     await invoke<string>("delete_thunderstore_mod", { gameInstall: game_install, thunderstoreModString: this.latestVersion.full_name })
                         .then((message) => {
-                            showNotification(this.$t('mods.card.remove_success', {modName: mod.name}), message);
+                            showNotification(this.$t('mods.card.remove_success', { modName: mod.name }), message);
                         })
                         .catch((error) => {
                             showErrorNotification(error);
@@ -230,7 +230,7 @@ export default defineComponent({
                 })
         },
 
-        async installMod (mod: ThunderstoreMod) {
+        async installMod(mod: ThunderstoreMod) {
             let game_install = {
                 game_path: this.$store.state.game_path,
                 install_type: this.$store.state.install_type
@@ -244,7 +244,7 @@ export default defineComponent({
             }
 
             await invoke<string>("install_mod_caller", { gameInstall: game_install, thunderstoreModString: this.latestVersion.full_name }).then((message) => {
-                showNotification(this.$t('mods.card.install_success', {modName: mod.name}), message);
+                showNotification(this.$t('mods.card.install_success', { modName: mod.name }), message);
             })
                 .catch((error) => {
                     showErrorNotification(error);