title: Unable to insert New Line in a string of the vuetify dialog
body: <p>I attempted to insert a new line in the string which is the Vuetify dialog text by using \n in the string. But it does not work. </p>
  
  <p>Here is the code for the function that calls Vuetify dialog</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>handleDialog()
  {
      this.dialogHeading = "Clearing all component data"
      this.dialogText = "Do you really want to clear all the component data?\nThis will clear the components except the pressure and composition basis!"
      this.dialogBtn1 = "Cancel"
      this.dialogBtn2 = "Yes"
      this.isDialog = true
    
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>And here is the code for displaying the Vuetify dialog</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;v-layout row wrap  &gt;
     &lt;v-flex class="text-xs-center"&gt;
         &lt;v-dialog v-model="isDialog" persistent max-width=400&gt;
            &lt;v-card&gt;
                &lt;v-card-title  class=" error title white--text 
                darken-2 font-weight-bold"&gt;{{dialogHeading}}
                &lt;/v-card- title&gt;
                &lt;v-card-text&gt;{{dialogText}}&lt;/v-card-text&gt;
                &lt;v-card-text v-if="dialogText2"&gt;{{dialogText2}}
                &lt;/v-card-text&gt;
  
                &lt;v-card-actions   &gt;
                  &lt;v-btn  v-if="dialogBtn1" flat class=
                  "align-content-center d-flex mx-auto" dark 
                  color="red darken-1 font-weight-bold" 
                  text 
                  @click="clearDialog('no')"&gt;{{dialogBtn1}}&lt;/v-btn&gt;
                  &lt;v-btn  v-if="dialogBtn2" flat 
                  class="align-content-center d-flex mx-auto 
                  font-weight-bold" dark color="green darken-1" 
                  text @click="clearDialog('yes')"&gt;{{dialogBtn2}}
                  &lt;/v-btn&gt;
                &lt;/v-card-actions&gt;
            &lt;/v-card&gt;
        &lt;/v-dialog&gt;
     &lt;/v-flex&gt;
              
  &lt;/v-layout&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I've tried using '\n' .</p>
  
  <p>I need the second sentence in the next line</p>
  
  <p>Here is the screenshot of the result that I get
  <a href="https://i.stack.imgur.com/lxrwV.png" rel="noreferrer"><img src="https://i.stack.imgur.com/lxrwV.png" alt="enter image description here"></a></p>
  
  <p>Any help would be appreciated. Thank you in advance</p>