diff options
Diffstat (limited to 'src-vue/src/components')
-rw-r--r-- | src-vue/src/components/LanguageSelector.vue | 2 | ||||
-rw-r--r-- | src-vue/src/components/ModsMenu.vue | 6 | ||||
-rw-r--r-- | src-vue/src/components/PlayButton.vue | 7 | ||||
-rw-r--r-- | src-vue/src/components/PullRequestsSelector.vue | 2 | ||||
-rw-r--r-- | src-vue/src/components/ThunderstoreModCard.vue | 28 |
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); |