feat: link to guide for configuring Wit.ai

src/_locales/en/messages.json

@@ -430,6 +430,11 @@
     "description": "Text of the link."
   },
 
+  "linkText_witSpeechApiGuide": {
+    "message": "How to get an API key?",
+    "description": "Text of the link."
+  },
+
   "pageContent_optionClientAppDownloadDesc": {
     "message": "Download and install the client app to get started. $INSTALLGUIDE$",
     "description": "Page content.",

src/options/App.vue

@@ -100,6 +100,16 @@
           >
           </v-button>
         </div>
+
+        <a
+          class="service-guide"
+          v-if="options.speechService === 'witSpeechApi'"
+          target="_blank"
+          rel="noreferrer"
+          href="https://github.com/dessant/buster/wiki/Configuring-Wit.ai"
+        >
+          {{ getText('linkText_witSpeechApiGuide') }}
+        </a>
       </div>
     </div>
 
@@ -485,6 +495,10 @@ body {
   white-space: nowrap;
 }
 
+.service-guide {
+  @include mdc-typography(body1);
+}
+
 .client-download {
   min-width: 300px;
 }
@@ -495,6 +509,10 @@ body {
   @include mdc-typography(body2);
 }
 
+.download-desc a {
+  @include mdc-typography(body2);
+}
+
 .download-desc {
   max-width: 240px;
 }