Add translations

src/lang/en.js

@@ -313,6 +313,9 @@ export default {
     database: 'Database',
     other: 'Other',
     relays: 'Relays',
+    follow: 'Follow',
+    followRelay: 'Follow new relay',
+    instanceUrl: 'Instance URL',
     success: 'Settings changed successfully!',
     emojiPacks: 'Emoji packs',
     reloadEmoji: 'Reload emoji',

src/views/settings/components/Relays.vue

@@ -2,23 +2,24 @@
   <div v-if="!loading">
     <el-row :gutter="5">
       <el-col :span="8">
-        <el-input v-model="newRelay" placeholder="Follow new relay" @keyup.enter.native="followRelay"/>
+        <el-input v-model="newRelay" :placeholder="$t('settings.followRelay')" @keyup.enter.native="followRelay"/>
       </el-col>
       <el-col :span="8">
-        <el-button @click.native="followRelay">Follow</el-button>
+        <el-button @click.native="followRelay">{{ $t('settings.follow') }}</el-button>
       </el-col>
     </el-row>
     <el-table :data="relaysTable">
       <el-table-column
-        prop="instance"
-        label="Instance URL"/>
+        :label="$t('settings.instanceUrl')"
+        prop="instance"/>
       <el-table-column fixed="right" width="120">
         <template slot-scope="scope">
           <el-button
             type="text"
             size="small"
-            @click.native="deleteRelay(scope.row.instance)"
-          >Delete</el-button>
+            @click.native="deleteRelay(scope.row.instance)">
+            {{ $t('table.delete') }}
+          </el-button>
         </template>
       </el-table-column>
     </el-table>