s11e147 line breaks

s11e143/src/App.vue

@@ -37,6 +37,7 @@
                     <label for="message">Message</label><br>
                     <!-- Interpolation between <textarea>{{ test }}</textarea> doesn't work!-->
                     <textarea
+                            v-model="message"
                             id="message"
                             rows="5"
                             class="form-control"></textarea>
@@ -107,7 +108,7 @@
                         <p>Mail: {{userData.email}}</p>
                         <p>Password:{{userData.password}}</p>
                         <p>Age: {{userData.age}}</p>
-                        <p>Message: </p>
+                        <p style="white-space: pre">Message: {{message}}</p>
                         <p><strong>Send Mail?</strong></p>
                         <ul>
                             <li></li>
@@ -130,8 +131,9 @@
                     email: '',
                     password: '',
                     age: 30
+                },
+                message: 'A new hope',
 
-                }
             };
         }
     }