Sorry if wording is confusing. Basically, I want to store text in my database where it can be formatted like one would format a document. Here is a visual example of my problem and my desired result:

<script setup lang="ts">
    const contentFromDatabase = `
        This is one paragraph
        
        This is another paragraph
    `;
</script>

<template>
    <div class="test-component">
        <h1>{{ contentFromDatabase }}</h1>
    </div>
</template>

<style lang="scss">
    .test-component {
        h1 {
            color: white;
        }
    }
</style>

This is what is being displayed:

This is what I want to be displayed: