diff --git a/app/components/CastReceiver.vue b/app/components/CastReceiver.vue
index b514d44..942e4c8 100644
--- a/app/components/CastReceiver.vue
+++ b/app/components/CastReceiver.vue
@@ -3,8 +3,8 @@
     <transcript></transcript>
     <nav class="navbar fixed-bottom navbar-expand" style="padding:0.5vw 2vw;background:rgba(0,0,0,.2)">
         <span class="navbar-brand mr-auto text-white" style="opacity:.6">
-            <img src="/static/img/logo.svg" width="17" height="17" class="d-inline-block" style="position:relative;top:-1px;margin-right:10px" alt="Web Captioner" />
-            <span class="d-none d-md-inline">Web Captioner</span>
+            <img src="/static/img/logo.svg" width="17" height="17" class="d-inline-block" style="position:relative;top:-1px;margin-right:10px" />
+            <span class="d-none d-md-inline">{{$t('app.webCaptioner')}}</span>
         </span>
     </nav>
   </div>
diff --git a/app/components/Navbar.vue b/app/components/Navbar.vue
index c12af22..519910d 100644
--- a/app/components/Navbar.vue
+++ b/app/components/Navbar.vue
@@ -14,8 +14,8 @@
                 </button>
                 <div class="navbar-brand mr-auto" :class="{'mt-3' : largerLayout}">
                     <a href="/">
-                        <img src="/static/img/logo.svg" width="20" height="20" class="d-inline-block align-top mr-2" alt="Web Captioner" />
-                        <span class="d-none d-md-inline">Web Captioner</span>
+                        <img src="/static/img/logo.svg" width="20" height="20" class="d-inline-block align-top mr-2" :alt="$t('app.webCaptioner')" />
+                        <span class="d-none d-md-inline">{{$t('app.webCaptioner')}}</span>
                     </a>
                 </div>
             
@@ -23,7 +23,8 @@
                 <volume-meter v-bind:hidden="!captioningOn || waitingForInitialTranscript"></volume-meter>
 
                 <div v-if="waitingForInitialTranscript" class="navbar-text small text-primary mr-3">
-                    Listening<span v-if="microphoneName"> to "{{microphoneName}}"</span>
+                    <span v-if="microphoneName">{{$t('navbar.captioner.listeningToMicrophone', {microphoneName})}}</span>
+                    <span v-else>{{$t('navbar.captioner.listening')}}</span>
                 </div>
                 <transition name="fade">
                     <cast-button></cast-button>
@@ -74,9 +75,9 @@
                     <b-button id="startCaptioningDropdown" :class="incompatibleBrowser ? 'button-only-disabled' : ''" :variant="captioningToggleButtonVariant" @click="captioningToggleButtonClick">
                         <div :class="{'px-4 py-2' : largerLayout}">
                             <span v-if="!this.captioningOn">
-                                <fa icon="microphone" /> <span v-show="!typingModeOn"> Start Captioning</span>
+                                <fa icon="microphone" /> <span v-show="!typingModeOn"> {{$t('navbar.captioner.startCaptioning')}}</span>
                             </span>
-                            <span v-else>Stop Captioning</span> <kbd v-show="largerLayout" class="small ml-3">c</kbd>
+                            <span v-else>{{$t('navbar.captioner.stopCaptioning')}}</span> <kbd v-show="largerLayout" class="small ml-3">c</kbd>
                         </div>
                     </b-button>
                     <b-button v-show="experiments.includes('typingMode') && !typingModeOn" variant="primary" v-b-tooltip.top title="Start Typing (t)" @click="startTypingMode">
@@ -86,20 +87,20 @@
                         <fa icon="keyboard"/> Done Typing <kbd>ESC</kbd>
                     </b-btn>
                     <b-dropdown dropup right :variant="captioningToggleButtonVariant">
-                        <b-dropdown-item href="/" target="_blank">About</b-dropdown-item>
-                        <b-dropdown-item href="/blog" target="_blank">Blog</b-dropdown-item>
-                        <b-dropdown-item href="/help" target="_blank">Help Center</b-dropdown-item>
-                        <b-dropdown-item href="/community" target="_blank">Community</b-dropdown-item>
-                        <b-dropdown-item href="/donate" target="_blank">Donate</b-dropdown-item>
+                        <b-dropdown-item href="/" target="_blank">{{$t('navbar.menu.about')}}</b-dropdown-item>
+                        <b-dropdown-item href="/blog" target="_blank">{{$t('navbar.menu.blog')}}</b-dropdown-item>
+                        <b-dropdown-item href="/help" target="_blank">{{$t('navbar.menu.helpCenter')}}</b-dropdown-item>
+                        <b-dropdown-item href="/community" target="_blank">{{$t('navbar.menu.community')}}</b-dropdown-item>
+                        <b-dropdown-item href="/donate" target="_blank">{{$t('navbar.menu.donate')}}</b-dropdown-item>
                         <div class="dropdown-divider"></div>
-                        <b-dropdown-item href="/feedback" target="_blank">Feedback</b-dropdown-item>
+                        <b-dropdown-item href="/feedback" target="_blank">{{$t('navbar.menu.feedback')}}</b-dropdown-item>
                         <div class="dropdown-divider"></div>
-                        <b-dropdown-item @click="startDetachedMode" class="dropdown-item" v-b-tooltip.left title="Show captions in a new window"><fa icon="external-link-alt" fixed-width class="mr-1" /> New Window</b-dropdown-item>
+                        <b-dropdown-item @click="startDetachedMode" class="dropdown-item" v-b-tooltip.left title="Show captions in a new window"><fa icon="external-link-alt" fixed-width class="mr-1" /> {{$t('navbar.menu.newWindow')}}</b-dropdown-item>
                         <div class="dropdown-divider"></div>
-                        <b-dropdown-item to="/captioner/save-to-file" replace><fa icon="save" class="mr-1" fixed-width /> Save to File</b-dropdown-item>
-                        <b-dropdown-item to="/captioner/clear" replace><fa icon="trash-alt" class="mr-1" fixed-width /> Clear...</b-dropdown-item>
+                        <b-dropdown-item to="/captioner/save-to-file" replace><fa icon="save" class="mr-1" fixed-width /> {{$t('navbar.menu.saveToFile')}}</b-dropdown-item>
+                        <b-dropdown-item to="/captioner/clear" replace><fa icon="trash-alt" class="mr-1" fixed-width /> {{$t('navbar.menu.clear')}}</b-dropdown-item>
                         <div class="dropdown-divider"></div>
-                        <b-dropdown-item to="/captioner/settings" class="dropdown-item"><fa icon="cog" class="mr-1" fixed-width /> Settings</b-dropdown-item>
+                        <b-dropdown-item to="/captioner/settings" class="dropdown-item"><fa icon="cog" class="mr-1" fixed-width /> {{$t('navbar.menu.settings')}}</b-dropdown-item>
                     </b-dropdown>
                 </b-button-group>
             </div> <!-- bottom row in big UI mode -->
diff --git a/app/components/ReceiverSplash.vue b/app/components/ReceiverSplash.vue
index 948961a..6838d11 100644
--- a/app/components/ReceiverSplash.vue
+++ b/app/components/ReceiverSplash.vue
@@ -19,7 +19,7 @@
             </div>
             <div class="h-25 d-flex align-items-center " style="position:absolute;left:7vw;right:0;bottom:0">
                 <div class="h2 logo-container">
-                    <img src="/static/img/logo-wordmark-inverse.svg" class="d-inline-block" alt="Web Captioner" />
+                    <img src="/static/img/logo-wordmark-inverse.svg" class="d-inline-block" :alt="$t('app.webCaptioner')" />
                 </div>
             </div>
         </div>
diff --git a/app/lang/en-US.js b/app/lang/en-US.js
new file mode 100644
index 0000000..2b5a55d
--- /dev/null
+++ b/app/lang/en-US.js
@@ -0,0 +1,85 @@
+export default {
+    common: {
+        ok: 'Ok',
+        cancel: 'Cancel',
+    },
+    app: {
+        webCaptioner: 'Web Captioner',
+        description: 'Real-time captioning for your event, speech, classroom lecture, or church service.',
+    },
+    navbar: {
+        captioner: {
+            startCaptioning: 'Start Captioning',
+            stopCaptioning: 'Stop Captioning',
+            listeningToMicrophone: 'Listening to "{microphoneName}"',
+        },
+        menu: {
+            about: '@:settings.about.about',
+            blog: 'Blog',
+            helpCenter: 'Help Center',
+            community: 'Community',
+            donate: 'Donate',
+            feedback: 'Feedback',
+            newWindow: 'New Window',
+            saveToFile: 'Save to File',
+            clear: 'Clear...',
+            settings: 'Settings',
+        },
+    },
+    settings: {
+        settings: 'settings',
+        about: {
+            about: 'About',
+            learnMore: 'Learn More',
+            whatsNew: "What's New",
+        },
+        eventLog: {
+            eventLog: 'Event Log',
+        },
+        experiments: {
+            experiments: 'Experiments',
+        },
+        appearance: {
+            appearance: 'Appearance',
+        },
+        censor: {
+            censor: 'Censor',
+        },
+        controls: {
+            controls: 'Controls',
+        },
+        language: {
+            language: 'Language',
+        },
+        remoteDisplays: {
+            remoteDisplays: 'Remote Displays',
+        },
+        wordReplacements: {
+            wordReplacements: 'Word Replacements',
+        },
+        vmix: {
+            vmix: 'vMix',
+        },
+        webhooks: {
+            webhooks: 'Webhooks',
+        },
+        exportRestore: {
+            exportRestoreSettings: 'Export/Restore Settings',
+            
+            restore: 'Restore',
+            restoreDescription: 'Restore settings (appearance, censor settings, word replacements, vMix settings, etc.) from a settings file you previously exported.',
+            restoreSettingsQuestion: 'Restore settings from this file?',
+            somethingWrongWithFile: "It looks like something's wrong with that file.",
+            restoredSettings: 'Settings Restored',
+
+            reset: 'Reset',
+            resetDescription: 'Reset all of your settings.',
+            resetSettingsQuestion: 'Reset all your settings?',
+            settingsWillBeLost: 'All of your current settings will be lost.',
+            settingsReset: 'Settings Reset',
+
+            export: 'Export',
+            exportDescription: 'Your settings will be saved locally as a JSON file.',
+        },
+    }
+}
\ No newline at end of file
diff --git a/app/nuxt.config.js b/app/nuxt.config.js
index 64e27e7..bb325ea 100644
--- a/app/nuxt.config.js
+++ b/app/nuxt.config.js
@@ -35,6 +35,18 @@ module.exports = {
       ],
     }],
     ['bootstrap-vue/nuxt', { css: false }],
+    ['nuxt-i18n', {
+      defaultLocale: 'en',
+      locales: [
+        {
+          code: 'en',
+          file: 'en-US.js',
+          iso: 'en-US',
+        },
+      ],
+      lazy: true,
+      langDir: 'lang/'
+    }],
     ['@nuxtjs/sentry'],
     ['@nuxtjs/google-analytics', {
       id: 'REMOVED',
diff --git a/app/package-lock.json b/app/package-lock.json
index d710f2e..0b0c2e4 100644
--- a/app/package-lock.json
+++ b/app/package-lock.json
@@ -199,6 +199,12 @@
       "integrity": "sha512-dvPpA9eI18bWr3E+c0JvCYD6xl/keEj0ICTMShUPbxsGkd6PdFU9xYjqA8qE8ahsY+xhbQzZt/k1FKlpMGaRXA==",
       "dev": true
     },
+    "@kazupon/vue-i18n-loader": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@kazupon/vue-i18n-loader/-/vue-i18n-loader-0.3.0.tgz",
+      "integrity": "sha512-M2280E9PMxetu6mOdtyh1d6Dif7LwH4gvxD2dgsu7HOyzR26AUNok8DxZ1Y5YAexJvPfbBXC75Llui2myO05Hg==",
+      "dev": true
+    },
     "@nuxtjs/google-analytics": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/@nuxtjs/google-analytics/-/google-analytics-2.0.2.tgz",
@@ -5239,6 +5245,12 @@
       "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.4.8.tgz",
       "integrity": "sha512-hm2nYpDrwoO/OzBhdcqs/XGT6XjSuSSCVEpia+Kl2J6x4CYt5hISlVL/AYU1khoDXv0AQVgxtdJySb9gjAn56Q=="
     },
+    "js-cookie": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-2.2.0.tgz",
+      "integrity": "sha1-Gywnmm7s44ChIWi5JIUmWzWx7/s=",
+      "dev": true
+    },
     "js-tokens": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
@@ -6372,6 +6384,28 @@
         "@fortawesome/vue-fontawesome": "0.1.1"
       }
     },
+    "nuxt-i18n": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/nuxt-i18n/-/nuxt-i18n-5.3.0.tgz",
+      "integrity": "sha512-ngySDPTeUnaVgh0tOcQ0qlwp8a8MDeT86WvVJkDEFe2a5IZjgzvmlKKPQoM36yWT+6O05ctmZmQp5MuBYBlGOA==",
+      "dev": true,
+      "requires": {
+        "@kazupon/vue-i18n-loader": "0.3.0",
+        "acorn": "5.7.3",
+        "cookie": "0.3.1",
+        "js-cookie": "2.2.0",
+        "vue-i18n": "8.1.0",
+        "vue-i18n-extensions": "0.2.0"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "5.7.3",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-5.7.3.tgz",
+          "integrity": "sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==",
+          "dev": true
+        }
+      }
+    },
     "oauth-sign": {
       "version": "0.8.2",
       "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.8.2.tgz",
@@ -11136,6 +11170,12 @@
         "indexof": "0.0.1"
       }
     },
+    "vm2": {
+      "version": "3.6.3",
+      "resolved": "https://registry.npmjs.org/vm2/-/vm2-3.6.3.tgz",
+      "integrity": "sha512-9sGC9T+R/afjDSVyG15ATUPzm5ZHzvIJvwkVmQ+4H2Cy55uDp0dXneXV4gXC7RMd2crWcL/awfdHjCsNSm+ufg==",
+      "dev": true
+    },
     "vue": {
       "version": "2.5.17",
       "resolved": "https://registry.npmjs.org/vue/-/vue-2.5.17.tgz",
@@ -11178,6 +11218,21 @@
       "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.0.tgz",
       "integrity": "sha512-2j/t+wIbyVMP5NvctQoSUvLkYKoWAAk2QlQiilrM2a6/ulzFgdcLUJfTvs4XQ/3eZhHiBmmEojbjmM4AzZj8JA=="
     },
+    "vue-i18n": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-8.1.0.tgz",
+      "integrity": "sha512-Oj1FHLmLS/rGD6vhkB/JiRNLmOAG+ZSOqR9fjTy8fbKkTl+cdHCHOd+JDvPpR2aQufWA4+BDTnVavVAyQwWK4g==",
+      "dev": true
+    },
+    "vue-i18n-extensions": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/vue-i18n-extensions/-/vue-i18n-extensions-0.2.0.tgz",
+      "integrity": "sha512-yvbwUnmfXpSRf7J7PCMRoDXnLl+9SihKn3UUyI+AQAdo3cafmfYjR8SxitBLcia+t+fINGEISN7BvWACGUfRog==",
+      "dev": true,
+      "requires": {
+        "vm2": "3.6.3"
+      }
+    },
     "vue-loader": {
       "version": "13.7.3",
       "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-13.7.3.tgz",
diff --git a/app/package.json b/app/package.json
index 6ec6953..8f8059a 100644
--- a/app/package.json
+++ b/app/package.json
@@ -53,6 +53,7 @@
     "normalize-strings": "^1.1.0",
     "nuxt-env": "0.0.3",
     "nuxt-fontawesome": "^0.3.0",
+    "nuxt-i18n": "^5.3.0",
     "promise-polyfill": "^8.1.0",
     "sass-loader": "^7.1.0",
     "screenfull": "^3.3.2",
diff --git a/app/pages/captioner/settings.vue b/app/pages/captioner/settings.vue
index 1012ba1..771eb4b 100755
--- a/app/pages/captioner/settings.vue
+++ b/app/pages/captioner/settings.vue
@@ -50,36 +50,36 @@
         <div class="row h-100">
           <div class="col-lg-9 col-xl-7 ml-auto mb-5">
             <div class="position-sticky" style="top:20px">
-              <h2 class="d-none d-sm-block lead pl-3 text-dark" style="padding-top:.6rem">Settings</h2>
+              <h2 class="d-none d-sm-block lead pl-3 text-dark" style="padding-top:.6rem">{{$t('settings.settings')}}</h2>
               <nav>
                 <b-nav vertical pills>
-                  <b-nav-item to="/captioner/settings/about">About</b-nav-item>
+                  <b-nav-item to="/captioner/settings/about">{{$t('settings.about.about')}}</b-nav-item>
                   <b-nav-item v-if="eventLog" to="/captioner/settings/event-log">
-                    Event Log <span v-if="eventLogStopTime">({{logTimeRemainingMinutes}}:{{logTimeRemainingSeconds}})</span>
+                    {{$t('settings.eventLog.eventLog')}} <span v-if="eventLogStopTime">({{logTimeRemainingMinutes}}:{{logTimeRemainingSeconds}})</span>
                     <b-badge variant="light" class="nav-badge">
                       {{eventLogCount}} <span class="sr-only">events</span> 
                     </b-badge>
                   </b-nav-item>
-                  <b-nav-item class="nav-item-rainbow" v-if="experiments.length || currentlyOnExperiments" to="/captioner/settings/experiments"><fa icon="flask" /> Experiments</b-nav-item>
+                  <b-nav-item class="nav-item-rainbow" v-if="experiments.length || currentlyOnExperiments" to="/captioner/settings/experiments"><fa icon="flask" /> {{$t('settings.experiments.experiments')}}</b-nav-item>
                 </b-nav>
                 <hr/>
                 <b-nav vertical pills>
-                  <b-nav-item to="/captioner/settings/appearance">Appearance</b-nav-item>
-                  <b-nav-item to="/captioner/settings/censor">Censor</b-nav-item>
-                  <b-nav-item to="/captioner/settings/controls">Controls</b-nav-item>
-                  <b-nav-item to="/captioner/settings/language">Language</b-nav-item>
-                  <b-nav-item v-if="experiments.includes('remoteDisplays')" to="/captioner/settings/remote-displays">Remote Displays</b-nav-item>
-                  <b-nav-item to="/captioner/settings/word-replacements">Word Replacements</b-nav-item>
+                  <b-nav-item to="/captioner/settings/appearance">{{$t('settings.appearance.appearance')}}</b-nav-item>
+                  <b-nav-item to="/captioner/settings/censor">{{$t('settings.censor.censor')}}</b-nav-item>
+                  <b-nav-item to="/captioner/settings/controls">{{$t('settings.controls.controls')}}</b-nav-item>
+                  <b-nav-item to="/captioner/settings/language">{{$t('settings.language.language')}}</b-nav-item>
+                  <b-nav-item v-if="experiments.includes('remoteDisplays')" to="/captioner/settings/remote-displays">{{$t('settings.remoteDisplays.remoteDisplays')}}</b-nav-item>
+                  <b-nav-item to="/captioner/settings/word-replacements">{{$t('settings.wordReplacements.wordReplacements')}}</b-nav-item>
                   <!-- <b-nav-item to="/captioner/settings/title-cards">Title Cards</b-nav-item> -->
                 </b-nav>
                 <hr/>
                 <b-nav vertical pills>
-                  <b-nav-item to="/captioner/settings/vmix">vMix</b-nav-item>
-                  <b-nav-item v-if="experiments.includes('webhooks')" to="/captioner/settings/webhooks">Webhooks</b-nav-item>
+                  <b-nav-item to="/captioner/settings/vmix">{{$t('settings.vmix.vmix')}}</b-nav-item>
+                  <b-nav-item v-if="experiments.includes('webhooks')" to="/captioner/settings/webhooks">{{$t('settings.webhooks.webhooks')}}</b-nav-item>
                 </b-nav>
                 <hr/>
                 <b-nav vertical pills>
-                  <b-nav-item class="small" to="/captioner/settings/export-restore">Export/Restore Settings</b-nav-item>
+                  <b-nav-item class="small" to="/captioner/settings/export-restore">{{$t('settings.exportRestore.exportRestoreSettings')}}</b-nav-item>
                 </b-nav>
               </nav>
             </div>
diff --git a/app/pages/captioner/settings/about/index.vue b/app/pages/captioner/settings/about/index.vue
index d939717..c8885bb 100755
--- a/app/pages/captioner/settings/about/index.vue
+++ b/app/pages/captioner/settings/about/index.vue
@@ -9,9 +9,9 @@
           <div class="col-sm-8 col-md-9">
             <div class="d-flex align-items-center h-100">
               <div>
-                <h3>Web Captioner</h3>
-                <p class="lead mb-2">Real-time captioning for your event, speech, classroom lecture, or church service.</p>
-                <p class="mb-0 small"><a href="/">Learn More</a> &middot; <a href="/help">Help Center</a><span class="d-none d-md-inline"> &middot; </span><br class="d-md-none"/> <a href="/blog">Blog</a> &middot; <a href="/donate">Donate</a></p>
+                <h3>{{$t('app.webCaptioner')}}</h3>
+                <p class="lead mb-2">{{$t('app.description')}}</p>
+                <p class="mb-0 small"><a href="/">{{$t('settings.about.learnMore')}}</a> &middot; <a href="/help">{{$t('navbar.menu.helpCenter')}}</a><span class="d-none d-md-inline"> &middot; </span><br class="d-md-none"/> <a href="/blog">{{$t('navbar.menu.blog')}}</a> &middot; <a href="/donate">{{$t('navbar.menu.donate')}}</a></p>
               </div>
             </div>
           </div>
@@ -20,7 +20,7 @@
     </div>
     <hr class="my-4" />
     
-    <h2>What's New</h2>
+    <h2>{{$t('settings.about.whatsNew')}}</h2>
     <whats-new/>
 
   </div>
diff --git a/app/pages/captioner/settings/controls/index.vue b/app/pages/captioner/settings/controls/index.vue
index 7018ac9..42dbd6d 100755
--- a/app/pages/captioner/settings/controls/index.vue
+++ b/app/pages/captioner/settings/controls/index.vue
@@ -26,7 +26,7 @@
               <b-button variant="info" disabled>Save to File</b-button>
             </div>
             <div class="d-flex w-100 align-items-center">
-              <img src="/static/img/logo.svg" width="8" height="8" alt="Web Captioner" class="align-middle mr-auto" />
+              <img src="/static/img/logo.svg" width="8" height="8" class="align-middle mr-auto" />
               <b-dropdown variant="primary" split text="Start Captioning" disabled></b-dropdown>
             </div>
           </b-navbar>
diff --git a/app/pages/captioner/settings/export-restore/index.vue b/app/pages/captioner/settings/export-restore/index.vue
index bee6544..a3453c7 100755
--- a/app/pages/captioner/settings/export-restore/index.vue
+++ b/app/pages/captioner/settings/export-restore/index.vue
@@ -3,60 +3,59 @@
     <b-modal ref="invalidSettingsFile" class="text-center" hide-header @shown="focusInvalidSettingsFileModalOkButton()">
       <div class="py-2">
         <div class="pb-2 h4"><fa icon="exclamation-triangle" size="3x" /></div>
-        <h2>Hmmm</h2>
-        <p class="lead">It looks like something's wrong with that file.</p>
+        <p class="lead">{{$t('settings.exportRestore.somethingWrongWithFile')}}</p>
       </div>
       <div slot="modal-footer">
-        <b-btn class="float-right" variant="secondary" ref="invalidSettingsFileModalOkButton" @click="hideInvalidSettingsFileModal()">Ok</b-btn>
+        <b-btn class="float-right" variant="secondary" ref="invalidSettingsFileModalOkButton" @click="hideInvalidSettingsFileModal()">{{$t('common.ok')}}</b-btn>
       </div>
     </b-modal>
     <b-modal ref="confirmRestore" hide-header @shown="focusConfirmRestoreModalOkButton()">
       <div class="py-2">
-        <h2>Restore settings from this file?</h2>
-        <p class="lead">All of your current settings will be lost.</p>
+        <h2>{{$t('settings.exportRestore.restoreSettingsQuestion')}}</h2>
+        <p class="lead">{{$t('settings.exportRestore.settingsWillBeLost')}}</p>
       </div>
       <div slot="modal-footer">
-        <b-btn class="float-right ml-2" variant="secondary" ref="confirmRestoreModalOkButton" @click="restoreSettings()">Restore</b-btn>
-        <b-btn class="float-right" variant="primary" @click="cancelConfirmRestoreModal()">Cancel</b-btn>
+        <b-btn class="float-right ml-2" variant="secondary" ref="confirmRestoreModalOkButton" @click="restoreSettings()">{{$t('settings.exportRestore.restore')}}</b-btn>
+        <b-btn class="float-right" variant="primary" @click="cancelConfirmRestoreModal()">{{$t('common.cancel')}}</b-btn>
       </div>
     </b-modal>
     <b-modal ref="confirmReset" hide-header @shown="focusConfirmResetModalOkButton()">
       <div class="py-2">
-        <h2>Reset all your settings?</h2>
-        <p class="lead">All of your current settings will be lost.</p>
+        <h2>{{$t('settings.exportRestore.resetSettingsQuestion')}}</h2>
+        <p class="lead">{{$t('settings.exportRestore.settingsWillBeLost')}}</p>
       </div>
       <div slot="modal-footer">
-        <b-btn class="float-right ml-2" variant="danger" ref="confirmResetModalOkButton" @click="resetSettings()">Reset</b-btn>
-        <b-btn class="float-right" variant="primary" @click="cancelConfirmResetModal()">Cancel</b-btn>
+        <b-btn class="float-right ml-2" variant="danger" ref="confirmResetModalOkButton" @click="resetSettings()">{{$t('settings.exportRestore.reset')}}</b-btn>
+        <b-btn class="float-right" variant="primary" @click="cancelConfirmResetModal()">{{$t('common.cancel')}}</b-btn>
       </div>
     </b-modal>
     <b-modal class="text-center" ref="restoreSuccessModal" ok-only hide-header>
       <div class="pb-2 h4"><fa icon="check-circle" size="3x" /></div>
-      <h2>Settings Restored</h2>
+      <h2>{{$t('settings.exportRestore.restoredSettings')}}</h2>
     </b-modal>
     <b-modal class="text-center" ref="resetSuccessModal" ok-only hide-header>
       <div class="pb-2 h4"><fa icon="check-circle" size="3x" /></div>
-      <h2>Settings Reset</h2>
+      <h2>{{$t('settings.exportRestore.settingsReset')}}</h2>
     </b-modal>
     <div class="card mb-3">
       <div class="card-body">
-        <h3>Export</h3>
-        <p>Your settings will be saved locally as a JSON file.</p>
-        <button class="btn btn-secondary d-inline-block" @click="exportSettings()">Export</button>
+        <h3>{{$t('settings.exportRestore.export')}}</h3>
+        <p>{{$t('settings.exportRestore.saveDescription')}}</p>
+        <button class="btn btn-secondary d-inline-block" @click="exportSettings()">{{$t('settings.exportRestore.export')}}</button>
       </div>
     </div>
     <div class="card mb-3">
       <div class="card-body">
-        <h3>Restore</h3>
-        <p>Restore settings (appearance, censor settings, word replacements, vMix settings, etc.) from a settings file you previously exported.</p>
+        <h3>{{$t('settings.exportRestore.restore')}}</h3>
+        <p>{{$t('settings.exportRestore.restoreDescription')}}</p>
         <input ref="settingsFileUpload" type="file" accept=".json" @change="loadSettingsFile($event)" />
       </div>
     </div>
     <div class="card mb-3">
       <div class="card-body">
-        <h3>Reset</h3>
-        <p>Reset all of your settings.</p>
-        <button class="btn btn-danger d-inline-block" @click="confirmReset()">Reset</button>
+        <h3>{{$t('settings.exportRestore.reset')}}</h3>
+        <p>{{$t('settings.exportRestore.resetDescription')}}</p>
+        <button class="btn btn-danger d-inline-block" @click="confirmReset()">{{$t('settings.exportRestore.reset')}}</button>
       </div>
     </div>
   </div>
@@ -65,6 +64,7 @@
 <script>
 import saveToFile from '~/mixins/saveToFile'
 import getDefaultSettings from '~/store/settingsState'
+import Vue from 'vue'
 
 export default {
   transition: 'fade',