I recently converted a Vue component to class syntax, following the same process I used for three other components in my project. However, after reducing the code to just the problematic section, I encountered this issue:
<template>
<v-container>
blah
</v-container>
</template>
<script>
import { Vue, Component } from 'vue-property-decorator'
@Component({
})
export default class extends Vue {
}
</script>
Upon checking the browser console, I found the following error message:
[Vue warn]: Invalid component name: "_class2". Component names should conform to valid custom element name in html5 specification.
It appears that Vue automatically assigned the name "_class2" despite me not specifying it anywhere. Why is this name considered invalid and how can I select a valid one?