✌️

src/client/app/common/views/components/settings/app-type.vue

@@ -1,9 +1,10 @@
 <template>
 <ui-card>
-	<template #title><fa :icon="faMobile"/> {{ $t('title') }}</template>
+	<template #title><fa :icon="faMobileAlt"/> {{ $t('title') }}</template>
 
 	<section class="fit-top">
-		<ui-select v-model="lang" :placeholder="$t('select-app-type')">
+		<p>{{ $t('intro') }}</p>
+		<ui-select v-model="appTypeForce" :placeholder="$t('intro')">
 			<option v-for="x in ['auto', 'desktop', 'mobile']" :value="x" :key="x">{{ $t(`choices.${x}`) }}</option>
 		</ui-select>
 		<ui-info>Current: <i>{{ $t(currentAppType) }}</i></ui-info>
@@ -15,18 +16,16 @@
 <script lang="ts">
 import Vue from 'vue';
 import i18n from '../../../../i18n';
-import { langs } from '../../../../config';
-import { faMobile } from '@fortawesome/free-solid-svg-icons'
+import { faMobileAlt } from '@fortawesome/free-solid-svg-icons'
 
 export default Vue.extend({
 	i18n: i18n('common/views/components/settings/client-mode.vue'),
 
 	data() {
 		return {
-			langs,
 			currentAppType: (window as any).appType,
 
-			faMobile
+			faMobileAlt
 		};
 	},