Vue.jsでdataの文字列を改行したい

Question

vue.jsのdataに保持しているテキストを改行して表示したいです

例）　おはよう
ございます

やったこととしてはバッククォーテーションで囲んで改行したり、\nを使って改行したりと、記事を漁り試してみましたがどれもできませんでした。

templateで<br>をすれば改行できるのは分かるのですが、今回はdataの段階で改行させたいです。

<template>
  <v-col>{{ a  }}</v-col>
<template>

<script>
  data: () => ({
    a: 'おはよう\nございます'
  })
</script>

Answer 1

style="white-space:pre-wrap; word-wrap:break-word;"を追加
dataの中はバッククォーテーションと改行で実現できました。

<template>
  <v-col style="white-space:pre-wrap; word-wrap:break-word;">{{ a }}</v-col>
<template>

<script>
  data: () => ({
    a: `おはよう
        ございます`
  })
</script>