Vue Component name "TheConfirm" should always be multi-word

user_17565629 0
Viewed 1425

I got error using VueJS 3 "Component name "TheConfirm" should always be multi-word" despite the fact, that the name is multiword; i tried also: "the_confirm", "the-confrim"; but every time i refresh and i got the same error: "Component name "TheConfirm" should always be multi-word";

heres the App:

<template>
Main app
</template>

<script>

import AppCos from './components/TheConfirm.vue';

</script>

<style>
@import './assets/style.css';
</style>

and here is TheComponent:

<template>
    confirm
</template>

<script>

</script>

<style>

</style>
vuejs3 vue-component vue.js
2 Answers

Try like this.

<template>
  <div>
    The Component
  </div>
</template>

<script>
export default {
  name: 'TheComponent',
  data() {
    return {
    }
  }
}
</script>
user_25235310

Modify the configuration item and turn off the syntax check: find (do not create) the vue.config.js file in the project root directory, add lintOnSave: false

like this: enter image description here

user_193149550
Related