show self host in unicode (#3200)

src/client/app/common/views/components/acct.vue

@@ -8,11 +8,12 @@
 <script lang="ts">
 import Vue from 'vue';
 import { host } from '../../../config';
+import { toUnicode } from 'punycode';
 export default Vue.extend({
 	props: ['user', 'detail'],
 	data() {
 		return {
-			host
+			host: toUnicode(host)
 		};
 	}
 });

src/client/app/common/views/components/profile-editor.vue

@@ -73,12 +73,13 @@
 import Vue from 'vue';
 import i18n from '../../../i18n';
 import { apiUrl, host } from '../../../config';
+import { toUnicode } from 'punycode';
 
 export default Vue.extend({
 	i18n: i18n('common/views/components/profile-editor.vue'),
 	data() {
 		return {
-			host,
+			host: toUnicode(host),
 			name: null,
 			username: null,
 			location: null,

src/client/app/common/views/components/signin.vue

@@ -21,6 +21,7 @@
 import Vue from 'vue';
 import i18n from '../../../i18n';
 import { apiUrl, host } from '../../../config';
+import { toUnicode } from 'punycode';
 
 export default Vue.extend({
 	i18n: i18n('common/views/components/signin.vue'),
@@ -39,7 +40,7 @@ export default Vue.extend({
 			password: '',
 			token: '',
 			apiUrl,
-			host
+			host: toUnicode(host)
 		};
 	},
 	methods: {

src/client/app/common/views/components/signup.vue

@@ -46,12 +46,13 @@ import Vue from 'vue';
 import i18n from '../../../i18n';
 const getPasswordStrength = require('syuilo-password-strength');
 import { host, url } from '../../../config';
+import { toUnicode } from 'punycode';
 
 export default Vue.extend({
 	i18n: i18n('common/views/components/signup.vue'),
 	data() {
 		return {
-			host,
+			host: toUnicode(host),
 			username: '',
 			password: '',
 			retypedPassword: '',