Vue Props issue

App.vue

<template>
  <!-- Correct Usage: -->
  <app-bar :tabs="tabs" />
  <!-- Incorrect Usage (still compiles/builds without any warnings): -->
  <app-bar :crabs="tabs" />
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import AppBar from "@/components/AppBar.vue";

@Component({
  components: {
    AppBar,
  },
})
export default class Home extends Vue {}
</script>

AppBar.vue

<template>
  <div>
    <v-tab v-for="tab in tabs" :key="tab">
      {{ tab }}
    </v-tab>
  </div>
</template>

<script lang="ts">
import { Component, Vue, Prop } from "vue-property-decorator";

@Component
export default class AppBar extends Vue {
  @Prop({ required: true }) readonly tabs!: string[];
}
</script>