fix: display format, docker parsejson, hint title

app/src/components/AuthForm.vue

@@ -111,7 +111,7 @@ const handleChange = () => {
           />
           <span class="font-medium">
             <!-- Continue with Google -->
-            以Google繼續
+            以 Google 繼續
           </span>
         </a>
         <a
@@ -126,7 +126,7 @@ const handleChange = () => {
           />
           <span class="font-medium">
             <!-- Continue with GitHub -->
-            以GitHub繼續
+            以 GitHub 繼續
           </span>
         </a>
         <p

app/src/components/HintPart.vue

@@ -30,11 +30,11 @@ const right = () => {
       :icon="['far', 'lightbulb']"
       class="text-yellow-200 p-2 content-center"
     />
-    <h1 class="inline text-text font-xl p-2 m-1">
+    <h1 class="inline text-text w-1/2 font-xl p-2 m-1">
       <!-- Hint -->
       提示
     </h1>
-    <div v-if="current !== -1" class="w-full flex justify-end">
+    <div v-if="current !== -1" class="flex w-full justify-end items-end">
       <button
         class="p-2 m-1 w-1/8"
         id="Lbutton"

server/src/containers/docker.js

@@ -115,7 +115,7 @@ export function buildQuestImage(questPath, questId) {
               .map((line) => line.trim())
               .filter((line) => line !== '')
               .forEach((line) => {
-                parseJSONOutput(line.trim())
+                parseJSONOutput(line)
               })
           } catch (error) {
             reject(error)

tests/cypress/e2e/helloworld.cy.js

@@ -41,13 +41,13 @@ describe('example helloworld app', () => {
     it('Check social account UI', () => {
       cy.CheckTextElement(
         '#GoogleLogin',
-        '以Google繼續',
+        '以 Google 繼續',
         'Continue with Google'
       )
       cy.CheckTextElement('#or', '或', 'or')
       cy.CheckTextElement(
         '#GitHubLogin',
-        '以GitHub繼續',
+        '以 GitHub 繼續',
         'Continue with GitHub'
       )
     })