Почему Vue 3 выдает ошибку при подключении?

Question

[antbelogurov]

Делаю пример счетчика по документации.
Подключаю через CDN.
Выдает ошибку.
[Vue warn]: Component is missing template or render function.
at

const Counter = {
  data() {
    return {
      counter: 0
    }
  }
}

Vue.createApp(Counter).mount('#counter')

<div class="container pt-5" id="counter"></div>
    <div class="card center">
      <h1> {{ counter }}</h1>
      <div>
        <button class="btn">+</button>
           </div>
    </div>
    <script src="https://unpkg.com/vue@next"></script>
    <script src="app.js"></script>

Answer 1

[Тигран Абрамян]

нужно все положить в один div

<div class="container pt-5" id="counter">
  <div class="card center">
    <h1> {{ counter }}</h1>
    <div>
      <button class="btn">+</button>
    </div>
  </div>
</div>

Comments

[antbelogurov]

Спасибо, не заметил ошибку