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

  • And why so invest components? in Vue, any investments in the component are possible through slots - Alexander Kotovsky
  • If possible, describe how. - 0xdb pm

0