Vue.js : Component name should always be multi-word


Saat menggunakan Vue.js, mungkin teman-teman pernah mendapatkan masalah seperti berikut ini.

Component name should always be multi-word

Jangan kawatir, error tersebut muncul dari peraturan penulisan kode di Eslint, tujuannya agar penulisan kode yang dihasilkan lebih baik dan benar.

Berikut ini beberapa solusi yang mungkin bisa membantu teman-teman dalam menyelesaikan problem tersebut.

Terima Kasih


Vue JS JavaScript
SOLUTIONS

Berikut ini adalah beberapa solusi yang mungkin bisa membantu kamu.


Untuk menyelesaikan problem ini, teman-teman bisa menambahkan name di dalam component dan isi dari name tersebut harus mengandung dua kata.

Contoh salah :

<script>
    export default {
        name: 'Header'
    }
</script>

Contoh benar :

<script>
    export default {
        name: 'HeaderWeb'
    }
</script>

Teman-teman juga bisa mengatasi problem ini dengan membuat nama file-nya menjadi 2 kata.

Contoh salah :

Header.vue

Contoh benar :

HeaderWeb.vue

Di atas, untuk name dari component kita buat dengan menggunakan 2 kata, yaitu HeaderWeb.

Terima Kasih

KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami