Fix code error

src/components/dialogs/settingsDialog/DownloadSettings.vue

@@ -124,7 +124,8 @@ import Vue from 'vue'
 import {Preferences} from '@/types'
 import {Component} from 'vue-property-decorator'
 import {mapActions, mapGetters} from 'vuex'
-import PreferenceRow from './PreferenceRow'
+import PreferenceRow from './PreferenceRow.vue'
+import { tr } from '@/locale'
 
 @Component({
   components: {
@@ -143,8 +144,8 @@ import PreferenceRow from './PreferenceRow'
 })
 export default class DownloadSettings extends Vue {
   preferences!: Preferences
-  torrentAction = [this.$t('preferences.switch_torrent_mode_to_manual'), this.$t('preferences.move_affected_torrent')]
-  torrentMode = [this.$t('preferences.auto_mode'), this.$t('preferences.manual_mode')]
+  torrentAction = [tr('preferences.switch_torrent_mode_to_manual'), tr('preferences.move_affected_torrent')]
+  torrentMode = [tr('preferences.auto_mode'), tr('preferences.manual_mode')]
 
   updatePreferencesRequest!: (_: any) => void
 

src/components/dialogs/settingsDialog/PreferenceRow.vue

@@ -19,14 +19,12 @@
 </template>
 
 <script lang="ts">
-import {Component} from 'vue-property-decorator'
+import {Component, Prop} from 'vue-property-decorator'
 import Vue from 'vue'
 
-@Component({
-  props: {
-    i18nKey: null,
-  },
-})
+@Component
 export default class PreferenceRow extends Vue {
+  @Prop(String)
+  readonly i18nKey?: string
 }
 </script>

src/components/dialogs/settingsDialog/SettingsDialog.vue

@@ -5,6 +5,7 @@
       @input="$emit('input', $event)"
       scrollable
       persistent
+      fullscreen
     >
       <v-card>
         <v-card-title class="headline">
@@ -63,6 +64,7 @@ import {mapGetters} from 'vuex'
 import {Preferences} from '@/types'
 import WebUISettings from '@/components/dialogs/settingsDialog/WebUISettings.vue'
 import {Config} from '@/store/config'
+import { timeout } from '@/utils'
 
 @Component({
   components: {
@@ -72,7 +74,7 @@ import {Config} from '@/store/config'
   },
   computed: {
     ...mapGetters({
-      config: ['config'],
+      config: 'config',
       preferences: 'allPreferences',
     }),
   },
@@ -81,17 +83,19 @@ import {Config} from '@/store/config'
 export default class SettingsDialog extends Vue {
   @Prop(Boolean)
   readonly value!: boolean
-  preference!: Preferences
+  preferences!: Preferences
   config!: Config
+
   preferenceUpdated = false
-  tabList = ['downloads', 'speed', 'webui', 'bittorrent', 'connection']
+  tabList = ['downloads', 'speed', 'webui']
   tab = 'speed'
 
   @Watch('preferences')
   @Watch('config')
-  onPreferenceUpdate() {
+  async onPreferenceUpdate() {
     this.preferenceUpdated = true
-    setTimeout(() => this.preferenceUpdated = false, 3000)
+    await timeout(3000)
+    this.preferenceUpdated = false
   }
 
   @Emit('input')

src/components/dialogs/settingsDialog/WebUISettings.vue

@@ -137,13 +137,14 @@ import {Preferences} from '@/types'
 import {Component} from 'vue-property-decorator'
 import {mapActions, mapGetters, mapMutations} from 'vuex'
 import {Config} from '@/store/config'
+import { ConfigPayload } from '@/store/types';
 import PreferenceRow from '@/components/dialogs/settingsDialog/PreferenceRow.vue'
 
 @Component({
   components: {PreferenceRow},
   computed: {
     ...mapGetters({
-      config: ['config'],
+      config: 'config',
       preferences: 'allPreferences',
     }),
   },
@@ -160,13 +161,14 @@ export default class WebUISettings extends Vue {
   preferences!: Preferences
   config!: Config
 
+  updateConfig!: (_: ConfigPayload) => void
   updatePreferencesRequest!: (_: any) => void
 
   changeSettings(property: string, value: string | boolean) {
     this.updatePreferencesRequest({[property]: value})
   }
 
-  private updateTitleSpeedConfig(event: boolean) {
+  updateTitleSpeedConfig(event: boolean) {
     this.updateConfig({
       key: 'displaySpeedInTitle',
       value: event,