Affichage template component enfant

Bonjour,
Je débute sur Vue, je bloque sur un petit problème… surement une question bête mais après pas mal de recherches et essais… je viens chercher sur ce forum un petit coup de pouce.

Je travaille avec vue/cli et pour mon petit exemple:
j’ai juste un fichier d’entrée main.js et un fichier App.vue
J’ai bien réussi à importer dans App des composants externes et leur template s’affiche bien dans le App, mais en voulant créer un composant interne dans App.vue rien ne s’affiche… ça ne passe pas… J’ai déjà essayé de plusieurs façons (Vue.component…,x-template…, etc…), voici la plus simple(?) en local :

main.js

    import Vue from 'vue'
    import App from './App.vue'

    new Vue({
        el: '#app',
        render: h => h(App)
    })

App.vue

<template>
    <div id="app">
        <test-a></test-a>
    </div>
</template>

<script>
export default {
    name: 'app',
    components: {
        testA: {
            template: '<div>ok</div>'
        }
    }
}
</script>

Bonjour,

L’idée avec VueJS est d’avoir au minimum un fichier par composant.

TestA.vue

<template>
  <div>ok</div>
</template>

App.vue

<template>
    <div id="app">
        <TestA />
    </div>
</template>

<script>
import TestA from './TestA.vue';

export default {
    name: 'app',
    components: {
        TestA,
    }
}
</script>

En effet, c’était une question de débutant… j’ai compris après coup qu’il fallait l’importer.

En tout cas merci pour cette réponse.