Как мне сделать перенос по словам во vuetify?

В поле у меня выводится текст. Есть надпись что за текст над рамкой. Как мне сделать перенос текста, что бы он не уходил за рамку?

Вот тут пример как выглядит

<div id="app">
  <v-app id="inspire">
    <v-form>
      <v-container>
        <v-row>


          <v-col cols="12" sm="6">
            <v-text-field
              value="John Doe John Doe John Doe John Doe John Doe John Doe John Doe John Doe John Doe John Doe John Doe John Doe John Doe John Doe John Doe John Doe John Doe John Doe John Doe"
              label="Outlined"
              outlined
              readonly
            ></v-text-field>
          </v-col>

        </v-row>
      </v-container>
    </v-form>
  </v-app>
</div>

new Vue({
  el: '#app',
  vuetify: new Vuetify(),

})