Good day! Gentlemen, please tell me how to use nested components in nuxt js?
// ~/components/general/Page.vue <template lang="pug"> div(id="page" class="align-center") </template> // ~/components/general/Header.vue <template lang="pug"> header div(class="align-center align-middle") img(src="~/assets/general/header/logo.png") </template> // pages/index.vue <template lang="pug"> div page test </template> <script> import page from '~/components/general/Page.vue' import test from '~/components/general/Header.vue' export default { components: { page, test } } </script> And accordingly, this design does not work. What you need to do to make it work? I would be grateful for an example