问[Vue警告]：未能解析组件:B字段

EN

const app = Vue.createApp({
  data() {
    return {
      data: { "description": "lantern", "price": "15.75" }
    }
  }
});

app.mount('#demo');

<div id="demo">
  
  <!-- using Bulma classes -->
  <div class="field is-horizontal">
    <div class="field-label is-normal">
      <label class="label">Purchase price of {{ data.description }}:</label>
    </div>
    <div class="field-body">
      <div class="field">
        {{ data.price }}
      </div>
    </div>
  </div>

  <!-- using Buefy component -->
  <b-field horizontal label="Purchase Price of Lantern:">{{ data.price }}</b-field>

</div>

.is-horizontal {
  background-color: yellow;
  color: red;
}

.field-label {
  text-align: left;
  background-color: lightblue;

  /* specify width */
  /*flex-grow: 2;*/   /* overwrites default value of 1 */
  min-width: 30%;

  /* center text vertically */
  display: flex;
  align-items: center;
  margin-top: -5px;
}