fe-vue-code-style

базовые правила для написания общепонятного кода

используем PascaleCase для именований компонентов

❌

// bad
<script>
import cardBoard from 'cardBoard.vue'

export default {
    components: {
        cardBoard
    }
}
</script>

✅

// good
<script>
import CardBoard from 'cardBoard.vue'

export default {
    components: {
        CardBoard
    }
}
</script>

компоненты в тэмплэйтах и скрипте

❌

// bad
<template>
    <zalypa-bobra></zalypa-bobra>
</template>

<script>
import ZalypaBobra from 'ZalypaBobra.vue';

export default {
    components: {
        'zalypa-bobra': ZalypaBobra
    }
}
</script>

✅

// good
<template>
    <ZalypaBobra />
</template>

<script>
import ZalypaBobra from 'ZalypaBobra.vue';

export default {
    components: {
        ZalypaBobra
    }
}
</script>