id="app" twice on div below body

[apsweb]

it seems the setup of Default.vue causes the id="app" to be placed twice on the div below the body tag

[TerabyteTiger]

Hi! Thanks for reporting this!

I don't see id="app" twice when I run the app, and I'm only seeing one <v-app> when I search my repo in VS Code.

Could you elaborate on where you're seeing this or what is causing it? Do you have a repo I can peek at?

[apsweb]

Hi! Thanks for getting back to me.

It seems to happen on build. This is a live demo from @DavidCouronne https://gridsome-vuetify-blog-starter.netlify.app
If you take a look in the source (not chrome dev tools) you'll see id="app" twice on the div below the body.

[TerabyteTiger]

This appears to be happening because Gridsome and Vuetify's v-app element are both adding it to the page.

Is this causing any issues for you?

[apsweb]

I'm pretty new to Gridsome and vue.js so I'm not sure it's causing issues. Had some issues with treeshaking, but that could very well have nothing to do with it. Do you think it would be possible for either one of them to use another id? P.S for my own project I added a custom App.vue with an extra div, so now the id="app" are not on the same element anymore.

…

On Tue, Jul 21, 2020 at 3:26 PM Tyler VanBlargan ***@***.***> wrote: This appears to be happening because Gridsome and Vuetify's v-app element are both adding it to the page. Is this causing any issues for you? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#8 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AQKNCKGIA26TJAF53NFFRTDR4WJQLANCNFSM4PAA3BLQ> .

[TerabyteTiger]

You can specify a different id on the <v-app> element like this: <v-app id="newId">

I don't think the id being duplicated would cause any issues that I'm aware of, but I may set a custom id also in case I'm incorrect. Thanks again for letting me know about this!

source

[apsweb]

Ahhh that was easy - thanks a lot! Really appreciate it!