Added line wrappings

api/espeak.js

@@ -11,13 +11,12 @@ app.post('/get', (req, res, next) => {
   tmp.file(function _tempFileCreated(err, path, fd, cleanupCallback) {
     if (err) throw err;
 
-    fs.writeFile(path, req.body.sourceText, {encoding: "utf-8"}, ()=> {
+    fs.writeFile(path, req.body.sourceText.replace(/\n/gi,",\n"), {encoding: "utf-8"}, ()=> {
       exec(`${eSpeakExecutable} -v"${req.body.selectedLanguage}" -q -f "${path}" --ipa`, ((error, stdout, stderr) => {
-        res.json({out: stdout.trim(), stderr})
+        res.json({out: stdout, stderr})
+        cleanupCallback()
       }))
     })
-
-    cleanupCallback()
   });
 })
 

pages/index.vue

@@ -17,7 +17,7 @@
       <b-col cols="12" md="6">
         <h2>IPA output</h2>
         <b-card>
-          <pre class="text-wrap">{{targetText.out}}</pre>
+          <pre style="white-space: pre-wrap;">{{targetText.out}}</pre>
         </b-card>
       </b-col>
     </b-row>