[Dúvida] Add draggable="true em novo card

Olá, estou fazendo um projeto inspirado no Trello e estou na fase de criar um novo cartão. A parte de criar novas divs/classes foi tudo ok, mas agora penso que preciso add tambem draggable="true" e não estou conseguindo alguém pode me ajudar? https://github.com/marianwiermann/Trallo

HTML

 <section class="board do">
      <h3>Do</h3>

      <div class="dropzone">
        <div class="card" draggable="true">
          <div class="conteudo">HTML5</div>
        </div>

      </div>

      <form class="form-adiciona">
        <div class="add">
          <label for="texto"></label>
          <input
            id="texto"
            name="texto"
            type="text"
            placeholder="digitar título"
            class="texto"
          />
        </div>
        <button id="botao-add" class="botao-add">+ Adicionar um cartão</button>
      </form>
    </section>

JS

// add cards -----------
const botaoAdicionar = document.querySelector('.botao-add')

botaoAdicionar.addEventListener('click', function (event) {
  event.preventDefault()

  // pegando o valor o novo conteudo
  const form = document.querySelector('.form-adiciona')
  const conteudo = form.texto.value

  // novo card
  const novoCard = document.createElement('div')
  const novoConteudo = document.createElement('div')
  novoCard.classList.add('card') //add class

  novoConteudo.textContent = conteudo

  novoCard.appendChild(novoConteudo)

  const board = document.querySelector('.dropzone')

  board.appendChild(novoCard)