Nuxt.js: Ability to remove $nuxt helper from window

Created on 29 Aug 2020 · 9Comments · Source: nuxt/nuxt.js

I know this discussed before,

Check this website ozon.ru, it using Nuxt.js but doesn't have $nuxt inside window, how?

feature-request

Source

saint777

All 9 comments

e.g. by using delete window.$nuxt. But be aware that:

This will likely have side effects and things can break
This won't stop users from having access to vue instances.

manniL on 29 Aug 2020

😕1 👎1

e.g. by using delete window.$nuxt. But be aware that:

This will likely have side effects and things can break

This won't stop users from having access to vue instances.

Related: #4720

I know about side effects with transitions and nextTick method

can you please show how to access to vue instances on ozon.ru ?
I can't find anything inside window, the only thing i found is onAppReady and on AppReadyCbs, meaning they set globalName: 'app'

saint777 on 29 Aug 2020

@pi0 can you answer this

saint777 on 31 Aug 2020

the guy above got 2k for docs, can't even answer

https://i.imgur.com/PyWieji.png

saint777 on 31 Aug 2020

Dear @saint777, Your actions are totally against community guidelines and out of respect. Nuxt.js is an opensource project maintained and supported by people that use their free time and passion of contributing. No one is obligated to immediately answer to your questions or do support while you do not even respect issue template! And of course no one forced you to use a product that don't like for any reason.

I shouldn't have answered this issue but as respect and for your curiosity, yes! it is possible to access vue instance in your website. As you may already find my answer in #4720, even by using a globalName, i'm able to access your $api service using document.querySelector('#__ozon').__vue__.$api and also vuex! (mutation is possible of course)

This is not nuxt specific or because global $nuxt. Same is possible for any frontend framework including react and vue if you have proper knowledge. With react devtools you can see structure of almost any react website: (this is twitter.com)

Same is possible for any vue app via vue-devtools but it is intentionally disabled in published version.

pi0 on 31 Aug 2020

👍1

Dear @saint777, Your actions are totally against community guidelines and out of respect. Nuxt.js is an opensource project maintained and supported by people that use their free time and passion of contributing. No one is obligated to immediately answer to your questions or do support while you do not even respect issue template! And of course no one forced you to use a product that don't like for any reason.

thank you @pi0, i applreciate your answer, i wasn't really needed in immedeate answer (i could wait for weeks!) but this guy is core team member and he answering like "just delete this object" (which is bs) and closing issue. My main answer was how did they (ozon.ru) removed $nuxt object without problems. Looks like they modified 1 of nuxt modules, maybe a builder or a custom webpack config?

"free time and passion of contributing", bruh
I got telemetry enabled on every nuxt project btw - i support it too and get nothing from sponsors

saint777 on 31 Aug 2020

@saint777 I've checked their website closely, seems they are using a custom fork. All loading-bar and internals customized. Still as mentioned and manniL mentioned, it doesn't prevent to access internals: