How to turn off breaking line in VSC extension Prettier

how can I change this breaking HTML tags in the Prettier extension for VSC?

<div 
v-for="(task, index) in todos" 
:key="task.id" 
class="task-list">
    <input 
    v-model="task.completed" 
    type="checkbox" 
    name="" 
    id="" />
    <div>
        <div 
        v-if="!task.editing" 
        @dblclick="changeTitle(task)" 
        class="task"       
        v-bind:class="{ completedTask: task.completed }">
            {{ task.title }}
        </div>
        <input 
        v-else type="text" 
        v-model="task.title" 
        @blur="doneEdit(task)" 
        @keyup.enter="doneEdit(task)"
        @keyup.esc="cancelEditing(task)" v-focus />

And change this to format like this ? Is a way to change this settings in vue and html file ?

<div v-for="(task, index) in todos" :key="task.id" class="task-list">
    <input v-model="task.completed" type="checkbox" name="" id="" />
    <div>
        <div v-if="!task.editing" @dblclick="changeTitle(task)" class="task"
            v-bind:class="{ completedTask: task.completed }">
            {{ task.title }}
        </div>
        <input v-else type="text" v-model="task.title" @blur="doneEdit(task)" @keyup.enter="doneEdit(task)"
            @keyup.esc="cancelEditing(task)" v-focus />