[Vuejs]-Vue/Nuxt app is rendering content (not components, just content) twice on every page

by

1👍

✅

In your layout, you’ve put </Nuxt> twice, that’s why the page content is duplicated, you should remove it.
your layout.vue should look like that:

<template>
  <div>
    <NavPage />
    <Nuxt />
    <FooterDiv />
  </div>
</template>

<script>
import NavPage from '../src/components/NavPage.vue';
import FooterDiv from '../src/components/FooterDiv.vue'

export default {
  components: {
    NavPage,
    FooterDiv
  },
}
</script>
👤SIHEM BOUHENNICHE

Leave a comment